css属性zoom使用方法

zoom使用说明:
  设置或检索对象的缩放比例。设置或更改一个已被呈递的对象的此属性值将导致环绕对象的内容重新流动。虽然此属性不可继承,但是它会影响对象的所有子对象( children )。这种影响很像 background 和 filter 属性导致的变化。此属性对于 currentStyle 对象而言是只读的。

  对于其他对象而言是可读写的。
  换句话说,用css中的zoom属性可以让网页实现IE7中的放大缩小功能。比如你在css样式表中把zoom设为1就是和原来一样大小

继承性: 无
兼容性: IE
基本语法:zoom : normal | number
语法取值:
normal : 默认值。使用对象的实际尺寸
number : 百分数 | 无符号浮点实数。浮点实数值为1.0或百分数为100%时相当于此属性的 normal 值

例如:
+展开
-CSS
.imgborder{
border:1pxsolid#AFBCC2;
padding:2px;
overflow:hidden;
_zoom:1;
}

说明:
zoom中_是hack,这里针对IE6浏览器.IE6浏览器会执行zoom:1表示对象的缩放比例,但这里
+展开
-CSS
overflow:hidden;
_zoom:1;

是连起来用的,作用是清除imgborder内部浮动

zoom的值可以是浮点实数值为1.0或百分数为100时相当于实际尺寸0.75表示实际尺寸的75%
zoom为ie私有css属性,一般用来触发ie的hasLayout属性

加支付宝好友偷能量挖...


评论(0)网络
阅读(257)喜欢(1)HTML/CSS兼容/XML