繁体   English   中英

IE11和Firefox浏览器中未显示Wordpress网站图像

[英]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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM