您好,登錄后才能下訂單哦!
這篇文章將為大家詳細(xì)講解有關(guān)IE瀏覽器專有css屬性中zoom的使用方法,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。
zoom:1;一般是拿來解決IE6的子元素浮動時(shí)候父元素不隨著自動擴(kuò)大的問題,功能相當(dāng)于overflow:auto,同樣也可以用height:1%來代替zoom:1。
所以一般要在浮動元素的父元素加上overflow:auto;zoom:1; 。這樣,子元素浮動,父元素再也不會不自動跟子元素?cái)U(kuò)大了。
Zoom的使用方法:
代碼如下:
zoom :? normal | number
normal : 默認(rèn)值。使用對象的實(shí)際尺寸
number : 百分?jǐn)?shù) | 無符號浮點(diǎn)實(shí)數(shù)。浮點(diǎn)實(shí)數(shù)值為1.0或百分?jǐn)?shù)為100%時(shí)相當(dāng)于此屬性的 normal 值 用白話講解就是zoom:后面的數(shù)字即放大的倍數(shù),可以是數(shù)值,也可以是百分比。如:zoom:1,zoom:120%。 而這個(gè)屬性只要在IE中才起作用,所以很少用到它的實(shí)際用途,而最經(jīng)常用到作用是清除浮動等,如:
代碼如下:
.border{ border:1px solid #CCC; padding:2px; overflow:hidden; _zoom:1; }
_zoom是CSS hack中專對IE6起作用的部分。IE6瀏覽器會執(zhí)行zoom:1表示對象的縮放比例,但這里
overflow:hidden;和_zoom:1;是連起來用的,作用是清除border內(nèi)部浮動。
同理,還可以使用同樣方法清除margin屬性在IE瀏覽器中的重疊問題。
關(guān)于IE瀏覽器專有css屬性中zoom的使用方法就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學(xué)到更多知識。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。