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

如下文章轉自網易 幸福鐮刀 的博文

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

 

（此處有圖顯示不出來，應該是咱們想要的正常顯示了）
Firefox、IE8

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

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

  CSS:

 

html代碼：

 

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

 

 

 方法二：

小結：
這是我我的遇到問題的一些總結，方法確定不僅我寫的這兩種，具體能夠百度一下，說不定能夠找到更多。以上兩種，我更傾向於第一種方法來解決。在HTML中添加一些無心義的空標籤是不太可靠的作法，會影響代碼質量，除非找不到更好的解決BUG的辦法，不然儘可能不要使用。