![](/img/trans.png)
[英]No Images are Displaying on IE11, but Display on FF, Chrome, and Edge
[英]Wordpress Site Images not displaying in IE11 & Firefox Browser
我对此网站有一个有趣的问题。 通过Chrome或Safari浏览该网站时,将显示所有图像,并且该网站将按预期显示。
在Firefox(V54)和IE11中据报道查看该站点时,该徽标和任何其他图像在页面上均不可见。
当我在Firefox中检查代码时,可以看到代码中的图像,因此客户端设备访问图像没有固有的问题:
有什么想法会导致这种情况?
在我的笔记本电脑上工作。 尝试清除缓存。
谢谢你们的回答。 设法解决了这个问题(这可能是为什么user3080315您看到一切正常的原因。
问题出在CSS。 一个朋友发现了这个问题:
img {
height: auto;
max-width: 100%;
vertical-align: middle;
-webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
filter: url(#drop-shadow);
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}
应该变成:
img {
height: auto;
max-width: 100%;
vertical-align: middle;
-webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.25));
-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=12, OffY=12, Color='#444')";
}
过滤器:url(#drop-shadow); 是引起问题的线路。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.