CSS中Zoom屬性的作用

CSS中的Zoom屬性一般不爲人知,甚至有些CSS手冊中都查詢不到。 
Zoom屬性是IE瀏覽器的專有屬性,Firefox等瀏覽器不支持。它可以設置或檢索對象的縮放比例。除此之外,它還有其他一些小作用,比如觸發ie的hasLayout屬性,清除浮動、清除margin的重疊等。 
 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瀏覽器中的重疊問題。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章