我对this website有一个有趣的问题。通过Chrome或Safari查看网站时,会显示所有图片。该网站按预期显示。
在Firefox(V54)&amp ;;据报道,在IE11中,页面上既没有标识,也没有任何其他图像。
当我在Firefox中检查代码时,我可以看到代码中的图像,因此访问图像的客户端设备没有固有的问题:
是否会引起这种情况?
答案 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);是造成问题的一线。