CSS中的zoom:1的作用
来源:互联网 发布:上海趣医网络怎么样 编辑:程序博客网 时间:2024/05/21 05:59
兼容IE6、IE7、IE8浏览器,经常会遇到一些问题,可以使用zoom:1来解决,有如下作用:
触发IE浏览器的haslayout。解决ie下的浮动,margin重叠等一些问题。
比如,本站使用DIV做一行两列显示,HTML代码:
<div class="h_mainbox"> <h2>推荐文章</h2> <ul class="mainlist"> <li><a href="/html/2009-12-18/21-1907360304171.html" style="color:#0000FF" target="_blank">每天产生一个日志及日志按大小切割</a></li> <li><a href="/html/2009-11-12/21-932220455859.html" style="color:#0000FF" target="_blank">Memcached缓存读取添加与清空</a></li> </ul></div>
CSS代码:
.h_mainbox { border:1px solid #dadada; padding:4px 15px; background:url(../mainbox_bg.gif) 0 1px repeat-x; margin-bottom:6px; overflow:hidden } .h_mainbox h2 { font-size:12px; height:30px; line-height:30px; border-bottom:1px solid #ccc; color:#555;} .h_mainbox h2 span { float:right; font-weight:normal;} .h_mainbox ul { padding:6px 0px; background:#fff;} .mainlist {overflow:auto; zoom:1;} .h_mainbox li { width:268px; float:left; height:24px; overflow:hidden; background:url(../icon3.gif) 0 6px no-repeat; padding:0px 5px 0px 18px; line-height:200%; }
.mainlist {overflow:auto; zoom:1;}的设置,就可以在IE6、IE7、IE8正常显示效果了。
另外:
用css中的zoom属性可以让网页实现IE7中的放大缩小功能。比如你想让你的网页缩小为原来的一半,那么就在body中加入style="zoom:0.5",如: 程序代码<body style="zoom:0.5">
- CSS中的zoom:1的作用
- CSS中的zoom:1的作用
- css中的zoom的作用
- CSS中zoom:1的作用
- CSS中 zoom:1 的作用
- CSS中zoom:1的作用
- css中zoom的作用
- CSS中zoom:1的作用 ,小标签大作用
- CSS中zoom:1的作用 ,小标签大作用
- CSS中zoom:1的作用 ,小标签大作用
- CSS中zoom:1的作用 ,小标签大作用
- CSS中zoom:1的作用 ,小标签大作用
- CSS中zoom:1的作用 ,小标签大作用
- CSS中zoom:1的作用 ,小标签大作用
- zoom:1的作用
- CSS兼容写法中zoom:1的作用
- CSS中Zoom属性的作用
- zoom:1的作用认识
- DB2 sql中的内连接和外连接
- C++ 初始化函数的实现
- C# 使用委托跨线程通讯
- android中LayoutInflater的使用
- 学生管理系统流程分析图
- CSS中的zoom:1的作用
- Javascript之自定义事件
- vc Clistctrl中如何添加图片
- 2011-2012 年度总结
- 《Color Transfer Between Images》论文实现
- HDU 3586 Information Disturbing(二分+数形DP)
- Android系统常用权限
- Git常用命令解说
- 关于讨论会说到的句柄和套接字