战剑网络,网站建设,系统开发,程序设计

搜索Top
解决IE和Mozilla的布局差别的利:important


搜索关键字:
初学div+css网页布局的设计者常常会被一个问题困扰着。
在ie和其他(mozilla、opera等)浏览器里显示的效果常常会偏差2px。
这是因为ie对盒之间距离的解释的bug造成的。一个技巧提示帮我们找到了解决的方法:用!important。

!important是css1就定义的语法,作用是提高指定样式规则的应用优先权。
语法格式{ srule!important },即写在定义的最后面,如:

例:
box{color:red !important;}
最重要的一点是:ie一直都不支持这个语法,而其他的浏览器都支持。我们就可以利用这一点来分别给ie和其它浏览器不同的样式定义。如:

例:
.colortest {
border:20px  solid #000 !important;
border:20px  solid #ccc;
padding: 30px;
width : 300px;
}
在mozilla中浏览时候,能够理解!important的优先级,因此显示#000的颜色;
在ie中浏览时候,不能够理解!important的优先级,因此显示#ccc的颜色。

可以看到,利用!important,我们可以针对ie和非ie浏览器设置不同的样式,只要在非ie浏览器样式的后面加上!important。

!important必定成为css布局的利器,请记住它、掌握它、并合理的加以利用

[ 打印本页 ] [ 收藏本页 ]

[上一篇]:更具可访问性的Display:none;
[下一篇]:已经到底了

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
搜索Top

关于我们 - 联系我们 - 广告业务 - 友情链接 - 网站制作 - 留言板 - 会员注册
All Right Zjm.Net.Cn (zjm Enterprise v3.0)
联系电话:0576-8603312 地址:浙江省台州市经济开发区
技术支持:点击这里给我发消息280610248 业务: 点击这里给我发消息40520767 客服: 点击这里给我发消息441758646
E-mail:zjm@zjm.net.cn 备案证书号:浙ICP备06030047号