您好,登錄后才能下訂單哦!
這篇文章將為大家詳細講解有關IE瀏覽器專有css屬性中zoom的使用方法,文章內容質量較高,因此小編分享給大家做個參考,希望大家閱讀完這篇文章后對相關知識有一定的了解。
zoom:1;一般是拿來解決IE6的子元素浮動時候父元素不隨著自動擴大的問題,功能相當于overflow:auto,同樣也可以用height:1%來代替zoom:1。
所以一般要在浮動元素的父元素加上overflow:auto;zoom:1; 。這樣,子元素浮動,父元素再也不會不自動跟子元素擴大了。
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瀏覽器中的重疊問題。
關于IE瀏覽器專有css屬性中zoom的使用方法就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。