您现在的位置是：网站首页> 编程资料编程资料
IE浏览器专有css属性之zoom详解详解CSS中zoom属性或overflow:auto属性清除浮动的作用CSS中的zoom属性和scale属性的用法及区别CSS中不为人知Zoom属性的使用介绍(IE私有属性)css中zoom:1属性的定义和作用
2021-09-06
758人已围观
简介 Zoom属性是IE浏览器的专有属性，Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性，清除浮动、清除margin的重叠等
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;
}
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用户不得不升级！
相关内容
- IE6下伪类hover失效问题及解决办法a标签的四个css伪类(link、visited、hover、active)样式理解csshover.htc在IE7下使用:active伪类无效解决方法ie6不支持hover ie6 标签(除a标签)不支持伪类:hover解决方案关于伪类hover的一些总结(推荐)
- CSS通过RGBa将一个元素设置为透明效果rgba中的a是什么意思 CSS之RGBA颜色指南颜色之ARGB与RGB、RGBA的区别与介绍详解css透明度之rgba和opacity的区别及兼容css中使用rgba和opacity设置透明度的区别（附图）完美解决IE8下不兼容rgba()的问题CSS3中使用RGBa来调节透明度的教程CSS3 RGBA色彩模式使用实例讲解CSS3的RGBA中关于整数和百分比值的转换CSS3中使用RGBA设置透明度的示例CSS3 透明色 RGBA使用介绍
- css样式的动态添加及显示和隐藏等零碎用法CSS文本超出指定宽度后隐藏并显示为省略号的实现方法利用css的样式对文本进行隐藏和显示等操作css样式显示省略号自定义宽度超过隐藏显示省略标记纯css3显示隐藏一个div特效的具体实现css和jquery设置文字的显示和隐藏利用CSS3的checked伪类实现OL的隐藏显示的方法从A页面连接到B页面后并直接把B页面的隐藏层显示-CSS教程-网页制作-网CSS实现隐藏和显示功能的代码
- 用css3实现当鼠标移进去时当前亮其他变灰效果利用CSS将网站网页变灰色代码示例css页面变灰度兼容ie、firefox、chrome、opera、safari实现样式网页变灰配合全国哀悼日的css代码 20100421css使图片变灰的实现方法一段css让全站变灰的代码总结
- css3的图形3d翻转效果应用示例CSS实现卡片3D翻转效果的示例代码一款基于css3麻将筛子3D翻转特效的实例教程css3实现3D色子翻转特效简单几步用纯CSS3实现3D翻转效果
- html元素水平居中、垂直居中、水平垂直居中于其父级元素的方法css 不定宽高的元素居中布局解决方案CSS实现元素居中原理解析浅谈css元素居中CSS元素居中布局的简单方法CSS实现定位元素居中的方法css控制div中元素居中的示例css实现元素居中的N种方法
- css3 线性渐变和径向渐变示例附图CSS3径向渐变之大鱼吃小鱼之孤单的大鱼
- 使用before和:after伪类制作css3圆形按钮两种CSS3伪类选择器详细介绍CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式CSS3结构性伪类选择器九种写法CSS3 选择器 伪类选择器介绍利用CSS3的checked伪类实现OL的隐藏显示的方法CSS3 伪类选择器 nth-child()说明详解css3中的伪类before和after常见用法
- css截取字符串简单实例CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局，左侧固定宽，右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
- css串联选择器和后代选择器使用方法css后代选择器使用方法实例css后代选择器和子选择器的区别介绍
