解決IE6 3像素Bug的css寫法
更新時間:2008年10月18日 22:04:23 作者:
當浮動元素與非浮動元素相鄰時,這個3像素的Bug就會出現(xiàn),它會偏移3像素。
只要觸發(fā)IE的hasLayout,非浮動元素就會擁有布局。所以,利用IE6特有的hack規(guī)則,為它單獨寫樣式就可修復此問題:
_zoom:1;
margin-left: value;
_margin-left: value-3px;
zoom 是IE觸發(fā)Layout條件之一,因為它是IE特有的CSS規(guī)則,所以采用zoom。
margin-left: value-3px 是修復IE6 中3px 的bug。
此前采用非浮動元素也浮動的方法修復bug,現(xiàn)在我們可以試試這個新的方法了!
注:前面的下劃線是專門寫給IE7以下版本的hack!
_zoom:1;
margin-left: value;
_margin-left: value-3px;
zoom 是IE觸發(fā)Layout條件之一,因為它是IE特有的CSS規(guī)則,所以采用zoom。
margin-left: value-3px 是修復IE6 中3px 的bug。
此前采用非浮動元素也浮動的方法修復bug,現(xiàn)在我們可以試試這個新的方法了!
注:前面的下劃線是專門寫給IE7以下版本的hack!
相關文章
做網(wǎng)頁字體大小參考 網(wǎng)頁中同字號字體的不同單位對比列表
做網(wǎng)頁字體大小參考 網(wǎng)頁中同字號字體的不同單位對比列表...2007-08-08
[轉(zhuǎn)]目前找到的最好的Iframe自適應高度代碼
[轉(zhuǎn)]目前找到的最好的Iframe自適應高度代碼...2007-02-02

