圖像沒有顯示在IE8上 - 與width屬性相關嗎？

我在GunsAmerica.com上工作，一些IE8用戶注意到（很不爽）圖片沒有顯示在我們的列表中。我正在使用Browserstack.com進行測試並確認beheavior。您可以在首頁上看到http://www.gunsamerica.com 圖像沒有顯示在IE8上 - 與width屬性相關嗎？

這裏的問題是圖像的CSS：

.listing-thumb img, .listing-thumb > a > img { 
     height:auto; 
     width: 170px; 
     display:inline; 
     max-width: 100%; 
    }

下面是一個例子掛牌，形象的html：

<div class="listing-thumb"> 
      <a href="/945864089/CSC_ARMS_Elite_Model_2014_5_56_223_1.htm" alt="CSC ARMS " elite="" model"="" 2014="" 5.56="" .223="" 16""="" title="CSC ARMS " class="sr_image"><img itemprop="image" alt="CSC ARMS " elite="" model"="" 2014="" 5.56="" .223="" 16""="" src="/UserImages/142343/945864089/wm_md_6737932.jpg"></a><br> 

     </div>

類「sr_image」沒有按」不要做任何事情，所以儘量忽略它。

據我可以告訴它應該工作。任何人都可以提供幫助將不勝感激。

來源

2014-09-12 Pierce Colman

什麼瀏覽器模式和文檔模式是默認使用IE8訪問時使用的頁面？（帶上F14開發者工具看看） – mason 2014-09-12 17:12:30

兼容性觀點實際上使圖像出現..但打破了設計的方式，而不是它的價值。這裏是元： – 2014-09-15 16:13:17

哎呀在這裏你去 – 2014-09-15 16:13:47

好的球員它的工作現在。什麼似乎是這個問題div的寬度屬性被封入它類「listing_thumb」。這顯然需要設置寬度，因爲內部沒有給出容器寬度信息（所需的靜態px寬度）。

來源：

.listing-thumb { 
margin: 0px 10px; 
display: inline; 
float: left; 
max-height: 119px; 
overflow: hidden; 
}

要：

.listing-thumb { 
margin: 0px 10px; 
display: inline; 
float: left; 
max-height: 119px; 
overflow: hidden; 
width: 170px; 
}

因此，有雅有它鄉親。如果你已經用盡所有其他可能性，請確保所有封閉容器都具有支持內部html的寬度屬性。

來源

2014-09-15 19:22:18

也許這個作品

<!--[if lt IE 8]> 
<style type="text/css"> 
    a img { display: inline; } 
</style> 
<![endif]-->

來源

2014-09-12 15:57:57 Nielsb

感謝您的建議......這仍然不起作用：\ – 2014-09-15 15:23:02

有關使與IE8兼容的網站將是暫時的，因爲微軟遲早要擺脫它的解決方案。

檢查就如何解決該問題下面的鏈接的信息：

http://www.codeproject.com/Articles/310368/Make-Site-Compatible-to-IE-IE-IE-and-IE

來源

2014-09-12 15:59:43 Auguste

雖然微軟可能會停止支持IE8，並不意味着所有的用戶都會升級。實際上，對於該網站的目標受衆，實際上他們很可能仍會使用不受支持的IE版本。所以只是希望問題消失不是一個有效的解決方案。 – mason 2014-09-12 17:11:47

我知道這是暫時的，我希望他們儘快殺死它！與此同時，每月有8萬用戶使用IE 8的網站，因此我仍然需要幫助他們。 – 2014-09-15 15:24:16

另外我正在通過codeproject尋找解決方案......不幸的是，我已經熄滅了許多建議。如果任何人有任何見解，這將是非常有益的 – 2014-09-15 15:25:31

圖像沒有顯示在IE8上 - 與width屬性相關嗎？

回答

相關問題