簡體   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