IE6/IE7下position:absolute;絕對定位偏移、不顯示問題

 

IE6/IE7下position:absolute;絕對定位偏移、不顯示問題  

2012-05-23 01:25:35|  分類： 默認分類 |  標籤：ie7絕對定位不顯示  ie6絕對定位不顯示  ie6position:absolute  ie6絕對定位偏移  html   |字號大中小 訂閱

今天作項目，由於在一個模塊裏有幾十張的圖片顯示，原想用table佈局可能會比較方便，沒想到出現的問題竟讓我一成天痛不欲生。最後我痛下一決定，之後堅定不能用table來佈局，哪怕只是一小塊模塊， table它是表格也只能是表格。
如今來講一下定位問題，問題的原因原本是想再圖片上加一表現層，用來介紹圖片的基本信息，效果以下：

Firefox、IE8

如今咱們再來看看，IE6跟IE7這兩輛老爺車的表現：

其實這個緣由是由於IE6/IE7的解析是在position:absolute以後,仍然會按照普通文檔流的解析來進行，而要打破這種方式，讓它正常工做就須要給它一個定位，具體代碼以下：
方法一：

  CSS:

 

html代碼：

 

切記 left:0px;必須兩個都要寫，少寫一個都會形成不顯示:

 

 

 方法二：

小結：