解決 IE6 3像素Bug

作者: georgewing  來源: 博客園  發布時間: 2008-08-16 23:35  閱讀: 2109 次  推薦: 0   原文鏈接   [收藏]  
當浮動元素與非浮動元素相鄰時,這個3像素的Bug就會出現,它會偏移3像素。
只要觸發IE的hasLayout,非浮動元素就會擁有布局。所以,利用IE6特有的hack規則,為它單獨寫樣式就可修復此問題:
_zoom:1;
margin-left: value;
_margin-left: value-3px;

zoom 是IE觸發Layout條件之一,因為它是IE特有的CSS規則,所以采用zoom。
margin-left: value-3px 是修復IE6 中3px 的bug。
此前采用非浮動元素也浮動的方法修復bug,現在我們可以試試這個新的方法了!
注:前面的下劃線是專門寫給IE7以下版本的hack!
0
0
 
 
 

文章列表

全站熱搜
創作者介紹
創作者 大師兄 的頭像
大師兄

IT工程師數位筆記本

大師兄 發表在 痞客邦 留言(0) 人氣()