让IE6也认识!important

!important一般用来做区分IE6和Firefox等浏览器的基本Hack手法。因为IE6不支持!important,而Firefox能读懂!important,其改变了样式的优先级。其实IE6在某些情况下,也能认识!important。

例如:

<style type="text/css">
.demo{
    color:red !important;
    color:green;
}
</style>
<div class="demo">www.admin10000.com</div>

上面代码在FF下字体为红色、IE6下字体为绿色。说明IE6忽视!important的存在。

再来看看:

<style type="text/css">
.demo{ color:red !important; }
.demo { color:green; }
</style>
<div class="demo">www.admin10000.com</div> 

如果IE6不认!important的话,上面代码.demo的内容应该显示为绿色,可偏偏不是,.demo的内容显示为红色,说明IE6是认得!important的。

两种情况的区别就在于:当在一个选择器中,利用!important改变样式优先级的时候,IE6下是无效的,后面的样式覆盖了前面 的,!important被彻底无视了,利用!important进行hack正是利用了这一点。而当在不同选择器中应用!important时,IE6 是认得!important的。

时间: 2024-10-07 15:02:04

让IE6也认识!important的相关文章

ie6并不是不支持!important

之前对ie6接触不多,并且认识也不深,虽然知道ie6中的!important很特别,但是并没有记住特别在哪里~今天就记录一下吧! 首先,很多人说ie6是不支持!important的,其实这个一个错误的定义!这里特意纠正一下 ie6只有在一直情况之下,!important的效果和其他浏览器不同,如下: <head> .cont{ width: 100px; height: 100px; background: #000 !important; background: #eee; } </h

ie6下面不支持!important的处理方法

例子: #box {      color:red !important;      color:blue;  } 这个例子应该是大家经常见到的important的用法了,在IE6环境下,这行字是蓝色,在 IE7及firefox下,为红色.这是因为IE6不认important(即不认 !importmant 但是还是认!important前面的color:red),并且color:blue放在color:red的后面(后面的css定义覆盖了前面的 color:red),所以在IE6下字为蓝色:

IE6对!important单个的类是支持的

"!important"是什么? 第一个,是设置样式的优先级,设了!important的样式的属性优先于id选择器和class选择器.,比如id为"Main"的div在它的Class设背景色为红色,,id选择器下又设了背景色为蓝色,照css的"就近原则",它的背景色应该是红色了,因为id选择器的优先级高于class选择器,但是,一旦class里设了"!important",哈哈,id,一边去吧..我背景颜色要优先显示class

CSS hack:IE6,IE7,firefox显示不同效果

IE8下兼容问题,这个最好处理,转化成IE7兼容就可以.在头部加如下一段代码,然后只要在IE7下兼容了,IE8下面也就兼容了: <meta  http-equiv="x-ua-compatible" content="IE=7"/> 区别不同浏览器的CSS hack写法: 区别IE6与FF:        background:orange;*background:blue; 区别IE6与IE7:        background:green !imp

针对IE6的一些CSS Hack编写时的注意点小结

区分出IE6的hack写法1.区别IE6.7与FF/IE8: JavaScript Code复制内容到剪贴板 background:blue;*background:orange; 引用显示效果:IE 6/7:orangeFF/IE8:blue原理:FF/IE8不支持*开头,而IE6/7都支持. 2.区别IE6与IE7/IE8/FF: CSS Code复制内容到剪贴板 background:green;_background:blue; 引用显示效果:IE7/8/FF:greenIE6:blue

针对IE6,IE7,IE8,IE9,FF等不同浏览器的CSS写法

首先我们介绍一下HACK原理,就是不同浏览器对字符的识别不同 在 CSS中常用特殊字符识别表: (1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的; (2)!important: 除IE6不能识别 !important外, FF+IE8+IE7都能识别!important ; (3)_ : 除IE6支持_ 外, FF+IE8+IE7都不支持_; (4)\9:所有IE浏览器都识别(IE6.IE7.IE8.IE9) 示例: (1)区别FF(IE8)与IE6 IE7 back

HTML/CSS IE6、7兼容性问题、bug总汇

IE6,7下li.img的间隙------------------- 在IE6,7下li本身没浮动,但是li内容有浮动的时候,li下边就会产生几px的间隙 解决办法: 1.给li加浮动,给其父级清浮动 2.给li加vertical-align:top; 当IE6下最小高度问题,和 li的间隙问题共存的时候 给li加浮动 img元素在本身没有浮动也没有宽高的时候,会距离父级底部有几px间隙 解决办法: 1.给img加浮动,给其父级清浮动 2.给img加vertical-align:top; IE6

IE6+IE7+IE8+IE9+FF兼容性调试

HACK原理:不同浏览器对各中字符的识别不同 (读完文章你会发现,FF和IE8对以下字符的识别能力完全相同) 在 CSS中常用特殊字符识别表: (1)*:  IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的; (2)!important: 除IE6不能识别 !important外,  FF+IE8+IE7都能识别!important ; (3)_ : 除IE6支持_ 外,  FF+IE8+IE7都不支持_; (4)9:所有IE浏览器都识别(IE6.IE7.IE8.IE9) 示例:

转 CSS hack:针对IE6,IE7,firefox显示不同效果

CSS hack:针对IE6,IE7,firefox显示不同效果 做网站时经常会用到,衡量一个DIV+CSS架构师的水平时,这个也很重要. 区别不同浏览器的CSS hack写法: 区别IE6与FF:         background:orange;*background:blue; 区别IE6与IE7:         background:green !important;background:blue; 区别IE7与FF:         background:orange; *back