"!important"-解决IE和Mozilla的布局差别的代码 -【广州网站建设|广州网站制作|广州网站设计|外贸网站建设】

广州网站建设

百分百网络传播机构拥有多年网页设计和网站建设经验,我们立足于广州网站建设市场,结合网站优化经验为各大中小型企业提供网站建设服务,特别是外贸网站建设,已经成功地为广大客户赢得市场。网站建设:020-38680042

« 网站建设好之后的维护工作应该怎么做?我们的虚拟主机优势 »

"!important"-解决IE和Mozilla的布局差别的代码

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

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

Example Source Code

 box{color:red !important;} 

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

Example Source Code

.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布局的利器,请记住它、掌握它、并合理的加以利用!
 

 

  • 相关文章:

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

日历

我要建站

  • 联系网站建设专家 93216858
  • 联系网站建设专家 38027812
  • 电话:020-38680042
  • 电话:020-38680288
  • 手机:137 11157377 (罗生)
  • 邮箱:admin#gz1024.com
  • 主站:www.gz1024.com

最新评论及回复

最近发表

Powered By Z-Blog 1.8 Devo Build 80201

Copyright 广州网站建设 www.Gz1024.Cn. Some Rights Reserved.