IE瀏覽器專有css屬性之zoom詳解
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瀏覽器會執行zoom:1表示對象的縮放比例 , 但這里
overflow:hidden;和_zoom:1;是連起來用的,作用是清除border內部浮動 。
同理,還可以使用同樣方法清除margin屬性在IE瀏覽器中的重疊問題 。
PS:一直認為IE6應該從廣大網民的電腦中刪除或升級了,作為網頁制作者,應該不再去為IE6、IE7這樣的極品費腦筋 , 直接不兼容,讓IE6用戶不得不升級!
