DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 前端技巧 >> CSS中zoom的作用
CSS中zoom的作用
編輯:前端技巧     

zoom屬性是IE浏覽器的專有屬性,Firefox等浏覽器不支持。它可以設置或檢索對象的縮放比例。除此之外,它還有其他一些小作用,比如觸發ie的hasLayout屬性,清除浮動、清除margin的重疊等。

語法:

 
zoom : normal | number

說明:

normal : 默認值。使用對象的實際尺寸

number : 百分數 | 無符號浮點實數。浮點實數值為1.0或百分數為100%時相當於此屬性的 normal值。

一、設置元素縮放比例

設置或檢索對象的縮放比例。設置或更改一個已被呈遞的對象的此屬性值將導致環繞對象的內容重新流動。雖然此屬性不可繼承,但是它會影響對象的所有子對象( children )。這種影響很像 background 和 filter 屬性導致的變化。此屬性對於 currentStyle 對象而言是只讀的。

在IE中,我們可以使用zoom來對div進行縮放 ,如div{zoom:0.5;}(ie8存在問題)

在FF浏覽器中,雖然沒有zoom,但是有一個比zoom更加強大的私有屬性-moz-transform可以實現縮放效果,如-moz-transform:scale(0.5) ,同-o-transform:scale(0.5);-webkit-transform: scale(0.5);

二、清除浮動

zoom通過觸發ie的haslayout來實現ie下的清除浮動。ie8及更高版本在清除浮動方面不支持zoom。

本文來源:最初的你-新浪博客(http://blog.sina.com.cn/s/blog_51048da7010181kc.html)

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved