我有一个有趣的问题this website。当通过Chrome浏览器或Safari浏览器查看网站时,会显示所有图像&该网站按预期显示。WordPress的网站图片不显示在IE11和Firefox浏览器
当该网站在Firefox(V54)查看&据报道,IE11,既没有标识,也没有任何其他图像在页面上可见。
当我检查在Firefox的代码,我可以看到在代码中的图像,所以没有一个固有问题与客户端设备访问图像:
有什么想法会导致什么?
我有一个有趣的问题this website。当通过Chrome浏览器或Safari浏览器查看网站时,会显示所有图像&该网站按预期显示。WordPress的网站图片不显示在IE11和Firefox浏览器
当该网站在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')";
}
filter:url(#drop-shadow);正在引发问题的线
适用于我的笔记本电脑。尝试清除缓存。
这可能是后期修正。 –