您现在的位置是:网站首页> 编程资料编程资料
IE浏览器专有css属性之zoom详解详解CSS中zoom属性或overflow:auto属性清除浮动的作用CSS中的zoom属性和scale属性的用法及区别CSS中不为人知Zoom属性的使用介绍(IE私有属性)css中zoom:1属性的定义和作用
2023-10-26
203人已围观
简介 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用户不得不升级!
相关内容
- 我叫MT竞技场实战视频赏析 单小新逆袭暴走师徒_手机游戏_游戏攻略_
- 天天酷跑最新破解安卓IOS通用教程攻略推荐_手机游戏_游戏攻略_
- 天天酷跑PK场自杀赚积分方法小技巧推荐_手机游戏_游戏攻略_
- 天天酷跑人物满级属性新版本介绍说明_手机游戏_游戏攻略_
- 天天酷跑人物坐骑宠物搭配新版本心得经验分享_手机游戏_游戏攻略_
- 天天酷跑ios破解版刷金币刷钻石攻略推荐(3月19日亲测)_手机游戏_游戏攻略_
- 天天酷跑进阶玩法攻略推荐 带你了解酷跑的世界_手机游戏_游戏攻略_
- 天天酷跑最新明哥破解版下载_3月19日刷金币刷分方法亲测可用_手机游戏_游戏攻略_
- 天天酷跑分数计算方法教程推荐 让你得分更轻松_手机游戏_游戏攻略_
- 天天酷跑刷高级道具技巧心得分享_手机游戏_游戏攻略_
