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浏览器中的重叠问题。
PS:一直认为IE6应该从广大网民的电脑中删除或升级了,作为网页制作者,应该不再去为IE6、IE7这样的极品费脑筋,直接不兼容,让IE6用户不得不升级!
相关内容
如何删除世界之窗浏览器收藏的网页
如何删除世界之窗浏览器收藏的网页,世界之窗,删除,网页浏览器...
文字版操作教程 如何清除浏览器缓存?
文字版操作教程 如何清除浏览器缓存?,清除,操作,点击,菜单,教...
电脑中ie浏览器出现运行时间错误的原因解法介绍
电脑中ie浏览器出现运行时间错误的原因解法介绍,运行时间,错...
IE浏览器优化方法大全
IE浏览器优化方法大全,浏览器,大全,图像,内存,浏览,优化,方法...
IE浏览器不让修改首页的小技巧
IE浏览器不让修改首页的小技巧,修改,快捷方式,参数,小技巧,浏...
玩转浏览器IE7的5个顶级使用技巧
玩转浏览器IE7的5个顶级使用技巧,标签页,选择,点击,浏览器,打...
条件注释判断浏览器(ie系列)
条件注释判断浏览器(ie系列),浏览器,系列,条件,注释,识别,版...
XP SP2中修复IE浏览器新技巧
XP SP2中修复IE浏览器新技巧,注册,重新安装,安装,修复,浏览,...
JS实现设置ff与ie元素绝对位置的方法
JS实现设置ff与ie元素绝对位置的方法,元素,位置,方法,设置,窗...
让IE6支持HTML5元素的方法
让IE6支持HTML5元素的方法,方法,元素,支持,文件,网站,脚本,前...
打开IE浏览器IE窗口显示为一片空白的解决方法
打开IE浏览器IE窗口显示为一片空白的解决方法,解决方法,浏览...
兼容IE、FireFox、Chrome等浏览器的xml处理函数
兼容IE、FireFox、Chrome等浏览器的xml处理函数js代码,浏览器...
解决ExtJS在chrome或火狐中正常显示在ie中不显
解决ExtJS在chrome或火狐中正常显示在ie中不显示的浏览器兼...
ie 7/8不支持trim的属性的解决方案
ie 7/8不支持trim的属性的解决方案,方法,复制,浏览器,属性,解...
IE6图片元素img下出现多余空白的问题
IE6图片元素img下出现多余空白的问题,元素,方法,解决方法,对...