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