最大寬度圖像和內嵌塊導致圖像不顯示在IE8中

奇怪的一個...如果您指定圖像的最大寬度爲100％，並在其容器上顯示內嵌塊，並將width屬性與標記，IE8不顯示圖像。最大寬度圖像和內嵌塊導致圖像不顯示在IE8中

這裏是一個筆：http://codepen.io/iamkeir/pen/MYadRO
（查看在整頁上IE8：http://codepen.io/iamkeir/full/MYadRO）

<div class="problem"> 
    <img src="http://placehold.it/320x240" width="240" /> 
</div> 

<style type="text/css"> 
    div { 
    display: inline-block; 
    } 

    img { 
    max-width: 100%; 
    } 
</style>

它可以通過使容器的顯示行內，而不是內聯塊的只是爲了IE8，或指定爲固定寬度爲100％，最大寬度代替寬度屬性......但這並不像在標記中指定寬度那樣方便。

有兩個問題：
1）有沒有更好的/替代解決方案？
2）任何想法什麼實際上正在進行？（我知道，我知道，「因爲IE8」。）

注意：雖然http://caniuse.com/#search=inline-block暗示IE8支持inline-block（），但在頁腳中報告了已知問題。可能應該標記爲部分支持：
http://blog.caplin.com/2013/06/07/developing-for-ie8-inline-block-resize-bug/

來源

2014-12-04 iamkeir

Microsoft不支持或更新了IE8。我們也不應該;）。 – 2014-12-04 14:54:28

Microsoft *不支持IE8（它也支持IE6和IE7），而不是在Windows XP上。 – Phylogenesis 2014-12-04 14:57:49

請參閱http://stackoverflow.com/questions/9110646/ie8-display-inline-block-not-working – toto21 2014-12-04 15:00:24

如果您不想給予與它，那麼您可以指定min-with。

它工作，如果你給最小寬度：240px;或者你想指定的寬度。

我希望它可以幫助

來源

2014-12-04 15:22:20 iSqware

最大寬度圖像和內嵌塊導致圖像不顯示在IE8中

回答

相關問題