Wordpress网站图像未显示在IE11& Firefox浏览器

时间:2017-07-06 10:55:07

标签: html wordpress internet-explorer firefox

我对this website有一个有趣的问题。通过Chrome或Safari查看网站时,会显示所有图片。该网站按预期显示。

在Firefox(V54)&amp ;;据报道,在IE11中,页面上既没有标识,也没有任何其他图像。

当我在Firefox中检查代码时,我可以看到代码中的图像,因此访问图像的客户端设备没有固有的问题:

Logo

Head Portrait

是否会引起这种情况?

2 个答案:

答案 0 :(得分:1)

适用于我的笔记本电脑。尝试清除缓存。

答案 1 :(得分:0)

感谢您的回答。管理来解决这个问题(这可能就是为什么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')";
}

filter:url(#drop-shadow);是造成问题的一线。