Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 除了Safari和Chrome之外,其他浏览器都会显示该图像_Javascript_Css_Image_Google Chrome_Safari - Fatal编程技术网

Javascript 除了Safari和Chrome之外,其他浏览器都会显示该图像

Javascript 除了Safari和Chrome之外,其他浏览器都会显示该图像,javascript,css,image,google-chrome,safari,Javascript,Css,Image,Google Chrome,Safari,我尝试过清除历史记录和缓存,但一个小img无法在Chrome或Safari中打开。我也试过别人的电脑。我已经检查了两次代码。没道理 。这是底部的图像 <div id="showcase_box"> <a class="fancybox" data-fancybox-group="gallery" title="Full-Page Magazine Ad" href="images/1819/ad.jpg"> <img src="images/1819/ad2.jpg

我尝试过清除历史记录和缓存,但一个小img无法在Chrome或Safari中打开。我也试过别人的电脑。我已经检查了两次代码。没道理

。这是底部的图像

<div id="showcase_box">
<a class="fancybox" data-fancybox-group="gallery" title="Full-Page Magazine Ad" href="images/1819/ad.jpg">
<img src="images/1819/ad2.jpg" alt="Sea Salt Ad" />
</a>
</div>

这是图像本身的一个例子,只是为了显示它在上面

有什么想法吗?告诉我是否应该提供更多关于这个问题的数据。谢谢

编辑:对不起,这里是相关的CSS:

这是你的电话号码

我将FancyBox用于jQuery阴影框,下面是该插件的CSS,与图像缩略图相关:


您有
显示:无!重要信息
应用于元件

已编辑

这是chrome的一个已知图像问题。这与高度计算有关。如果您将以下CSS添加到样式表中,它应该会修复它


ul.thumbs img{height:50px;}

以下是生成的HTML


如果它不在您的HTML中,它应该来自您的javascript代码中的某个地方,我只是快速查看了一下,找不到…

请阅读:chrome适用于我,不适用于我。
img
标记甚至不在inspector中。您错误地使用了“id”属性。您为所有“showcaseBox”容器提供相同的“id”值,这是不允许的。使用“类”属性对元素进行分类。页面上的“id”值必须是唯一的。请发布影响图像元素的相关HTML和JS。它是如何生成的等等。这是chromeIn chrome中为我显示的代码,我甚至没有看到
img
,只是一个
href
。在Firefox中,它看起来不错。我在“”部分更改了这些属性,现在它工作得很好!谢谢我还更改了图像文件名,并创建了一个新的目录来试验…@adamdesign我在safari>=7.0中看到了同样的行为。我自己的项目。您更改了哪些属性?问题是Javascript对某些用户失败,而对其他用户则没有。我看到的代码中删除了所有静态样式。见我上面的帖子。