IE瀏覽器專有css屬性之zoom?具體詳情介紹

zoom:1;一般是拿來解決IE6的子元素浮動時候父元素不隨著自動擴大的問題,功能相當于overflow:auto,同樣也可以用height:1%來代替zoom:1 。
所以一般要在浮動元素的父元素加上overflow:auto;zoom:1;。這樣,子元素浮動,父元素再也不會不自動跟子元素擴大了 。
Zoom的使用方法:

IE瀏覽器專有css屬性之zoom?具體詳情介紹

number :百分數 | 無符號浮點實數 。浮點實數值為1.0或百分數為100%時相當于此屬性的 normal 值 用白話講解就是zoom:后面的數字即放大的倍數,可以是數值,也可以是百分比 。如:zoom:1,zoom:120% 。而這個屬性只要在IE中才起作用 , 所以很少用到它的實際用途,而最經常用到作用是清除浮動等,如:
IE瀏覽器專有css屬性之zoom?具體詳情介紹

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

相關經驗推薦