max-width在mozilla和IE中不起作用

該圖像基於瀏覽器寬度進行縮放，僅在Chrome瀏覽器中顯示，但在IE和Mozilla Firefox中不起作用。拇指IMG工作在所有的瀏覽器，但只有.play IMG最大寬度不工作這裏是我的 HTMLmax-width在mozilla和IE中不起作用

<div class="contai"> 
     <div> <img src="1.png" style="max-width:100%" /></div> 
     <div class="thumb"> 
     <img src="2.jpg" /> 
       <div class="play"> <img src="videoImagePlay.png" /></div> 
     </div> 
</div>

CSS

.contai{ 
    width:100%; 
} 
.thumb{ 
    border: 1px solid rgb(226, 226, 226); 
    position:relative; float:left; width:38% 
} 
.thumb img{ 
    max-width:100% 
} 
.play{ 
    position:absolute; top:30%; left:35% 
} 
.play img{ 
    max-width:50% 
}

來源

2012-06-26 Sowmya

html plaese .. ??? – AlphaMale

發揮類right : 0

像這樣

.play{  
    position:absolute; top:30%; left:35%; right:0; 
}

現場演示http://jsfiddle.net/puS7u/

來源

2012-06-26 09:39:23

謝謝！現在工作:) – Sowmya

請參閱fiddle。它可能會幫助你。

來源

2012-06-26 09:44:55 khurram

現在快樂... :)我們都只是複製Sowmya的代碼.. – khurram

是的..謝謝你們兩個.... – Sowmya

這可能會幫助未來的某人：如果圖像有一個父表格（無論節點樹有多高），那麼最大寬度將不會在FF或IE中工作，除非您有在桌子上定義一個特定像素的最大寬度。但是，這在Chrome中工作正常。

邏輯似乎是FF和IE認爲表總是應該根據內容擴展，不管最大寬度：100％。

不明顯哪個瀏覽器具有「正確」或最佳實現。

來源

2012-11-14 22:52:37 rakaloof

嗯，考慮到它理解寬度：100％，我會說這顯然是一個盒子。「width：X」的東西應該總是<=帶有「max-width：X」的東西，或者名稱沒有任何意義。 –

max-width在mozilla和IE中不起作用

回答

相關問題