zoom:1;一般是拿來解決IE6的子元素浮動時候父元素不隨著自動擴大的問題,功能相當于overflow:auto,同樣也可以用height:1%來代替zoom:1 。
所以一般要在浮動元素的父元素加上overflow:auto;zoom:1;。這樣,子元素浮動,父元素再也不會不自動跟子元素擴大了 。
【IE瀏覽器專有css屬性之zoom詳解】
Zoom的使用方法:
復制代碼代碼如下:
zoom : normal | number
normal :默認值 。使用對象的實際尺寸
number :百分數 | 無符號浮點實數 。浮點實數值為1.0或百分數為100%時相當于此屬性的 normal 值 用白話講解就是zoom:后面的數字即放大的倍數,可以是數值,也可以是百分比 。如:zoom:1,zoom:120% 。而這個屬性只要在IE中才起作用,所以很少用到它的實際用途,而最經常用到作用是清除浮動等,如:
復制代碼代碼如下:.border{
border:1px solid #CCC;
padding:2px;
overflow:hidden;
_zoom:1;
}
_zoom是CSS hack中專對IE6起作用的部分 。IE6瀏覽器會執(zhí)行zoom:1表示對象的縮放比例,但這里
overflow:hidden;和_zoom:1;是連起來用的,作用是清除border內部浮動 。
同理,還可以使用同樣方法清除margin屬性在IE瀏覽器中的重疊問題 。
PS:一直認為IE6應該從廣大網民的電腦中刪除或升級了,作為網頁制作者,應該不再去為IE6、IE7這樣的極品費腦筋,直接不兼容,讓IE6用戶不得不升級!
推薦閱讀
- IE、FF、Chrome瀏覽器中的JS差異介紹
- IE CSS半透明的注意事項
- IE盒子模型和標準W3C盒子模型
- 兼容IE6的圖片圓角邊框CSS
- CSS 完美兼容IE6/IE7/FF的通用hack方法
- css 條件注釋區(qū)分非IE瀏覽器
- 針對主流瀏覽器的CSS-HACK寫法及IE常用條件注釋
- 針對firefox ie6 ie7 ie8的css樣式hack
- css控制圖片按等比例縮放實例兼容IE6/IE7/火狐/谷歌
- IE下Css圓角沒有的解決方法
