建站学习网,专业提供各类建站教程,网页素材,SEO资讯等建站资源!

网站模板_网站源码_网站素材_建站教程_建站学习网

当前位置:建站学习网 > DIV+CSS教程 > 浏览器兼容 >

解决IE和Mozilla的布局差别的利器:!important

更新时间:2015-12-12整理编辑:建站学习网阅读:0
  初学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布局的利器,请记住它、把握它、并合理的加以利用!

本文网址:https://www.dedexuexi.com/divcss/llqjr/515.html

本站部分文章搜集与网络,如有侵权请联系本站,转载请说明出处。

收藏此文 赞一下!() 打赏本站

如本文对您有帮助,就请建站学习网抽根烟吧!

支付宝打赏
微信打赏
没有了
« 上一篇
非主流浏览器Nascape中CSS的显示与IE的差别
下一篇 »
  • 兼容各浏览器:CSS定义PNG透明效果
    0阅读
    虽然有CSS有很多方法能实现PNG图片透明效果,但在各浏览器中的兼容效果却不好,小编找到了一个能兼容各浏览器用CSS定义PNG透明效果的方法,方法如下: style .mycls{ width: 48px; height: 48px; backg
  • 图片垂直居中css写法兼容ie6
    0阅读
    头胀胀的,看不下东西做不下事,那就写朵随笔吧。 图片垂直居中,原理应该就是,其实我也不知道。 手上两种方法,异曲同工,但是都兼容ie6的。 复制代码 代码如下: div class=imgBox img src=h
  • CSS兼容性问题 && CSS HACK
    0阅读
    以前做网页的时候,只考虑 IE6 和 FF 的兼容性,公司换了,要求也高了,FF和IE 6 7 8 要全兼容了, 碰到要单独Hack IE8的。当然,用注释非常方便,只要添加相应的注释就可以解决。但问题是,为
  • chrome表单自动填充导致input文本框背景变成偏黄色问题解决
    0阅读
    chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性,然后对其赋予以下样式: 复制代码 代码如下: input:-webkit-
  • 完美解决IE兼容模式问题
    0阅读
    IE浏览器从IE8开始添加了兼容模式,开启后会以低版本的IE进行渲染。兼容模式有可能会导致网页显示出问题,于是我们通常在HTML中添加下列代码来使 IE 使用固定的渲染模式: 复制代码 代码如
 
QQ在线咨询