`

关心IE6中!important的问题

    博客分类:
  • CSS
 
阅读更多

关心IE6中!important的问题,我们知道!important是优先级是最高的,在IE6中使用!important,有时候有用,有时间没用,这是IE6的一个Bug,网上很多资料说IE6不支持important,其实是这一种误解,本人经过测试,IE的确支持!important,看看下面的代码:

 

.box{width:100px; height:100px; background:red!important; background:green;}
 

 

<div style="width: 100px; height: 100px; background: red; color: white; margin: auto;">FF,OP,SA,IE7 8 9 10</div>
 


<div style="width: 100px; height: 100px; background: green; color: white; margin: auto;">IE6</div>
 


<p>本来这段代码应该显示红色,但是在IE6下显示绿色,

NOW,再看下面的代码:

 

.box{width:100px; height:100px; background:green; background:red!important;}
<div style="width: 100px; height: 100px; background: red; color: white; margin: auto;">FF,OP,SA,IE6 7 8 9 10</div>
 



OK,亲,你会发现显示是红色的。明白了吧,呵呵。

分享到:
评论

相关推荐

    IE6支持!important吗 如何用!important解决浏览器兼容性问题

    important是一个非常有用的工具来解决浏览器兼容性问题,尤其是在旧版浏览器如IE6中。通过巧妙地利用!important,我们可以确保网站在不同的浏览器中保持一致的视觉表现。然而,应尽量避免滥用,保持样式表的清晰和可...

    CSS !important 的使用

    6. 不带任何选择器的样式表规则(全局样式):权重为0。 当多个选择器匹配同一个元素时,CSS会根据上述权重来决定应用哪个样式。如果权重相同,则会应用最后出现的样式,这就是所谓的“后发优势”。 现在,让我们...

    通过jquery修改带有!important的样式

    important的样式 #### 背景介绍 在Web开发过程中,我们经常需要动态地改变页面元素的样式。有时候,这些样式是由外部CSS文件定义的,并且某些样式可能使用了`!important`来提高优先级。这在一定程度上限制了...

    css中!important的作用(IE6 IE7 FF)及其原理

    这个规则在处理浏览器兼容性问题时尤其有用,特别是在处理Internet Explorer 6 (IE6)、IE7和Firefox等早期浏览器时。在这些浏览器中,`!important`规则有时可以作为hack来实现特定浏览器的样式调整。 首先,`!...

    css中提升优先级属性!important的用法总结

    important`,这可能导致在针对旧版本IE的兼容性问题。 `!important` 的语法是在声明的末尾加上 `!important` 关键字,如: ```css color: red !important; ``` 在上面的例子中,`color: red !important;` 会强制...

    CSS中的!important规则:使用指南与最佳实践

    important的工作原理、使用场景以及如何合理地应用它,以避免潜在的问题。 在CSS样式表中,!important规则是一个强大的工具,它可以在特定情况下覆盖其他CSS规则。然而,由于其对样式层叠的强烈影响,!important的...

    CSS中的!important属性用法

    `,导致在IE中元素的左边距为20像素。但需要注意的是,较新的IE7及更高版本已经可以识别`!important`。 使用`!important`虽然能解决一些兼容性问题,但也可能带来维护上的困扰,因为它使得CSS代码的可读性和可维护...

    原来CSS里的 !important 是如此用法

    important`可以帮助解决问题。 3. **调试阶段**:在调试过程中,使用`!important`可以快速测试样式更改的效果,但不应作为最终解决方案。 #### 五、注意事项 1. **过度使用的影响**:过度使用`!important`可能导致...

    !important用法使用介绍

    important` 的用法及其在不同浏览器中的兼容性问题,特别是与 Internet Explorer(IE)系列浏览器和 Firefox 的差异。 首先,`!important` 关键字通常跟在属性值的后面,通过 `!` 符号来标识,例如 `color: blue !...

    IE6、IE7、IE8、Firefox兼容性CSS HACK代码+示例

    此例中,IE6仅识别最后一行,IE7则同时识别`*`和`!important`,而Firefox只识别`!important`但忽略`*`。 ### 5. 区别IE7、Firefox 针对IE7与Firefox的样式差异,可以使用`*`和`!important`: ```css #divcss5 { ...

    CSS下!important属性

    CSS中的!important属性是用于提高CSS规则重要性的关键字,它用以在样式表...在使用时,也应该考虑到浏览器的兼容性问题,尤其是在旧版浏览器(如IE6)中,!important可能不被识别或执行,这在设计网页时尤其需要注意。

    CSS优先级和!important与IE6的BUG讨论及解决方案

    important属性解决了一个样式优先级的问题,而且是支持ie6的,这是为什么呢?到底ie6支不支持!important呢? 首先我们来看看!important这个属性的作用:!important是用来提升样式优先级的,我们知道样式是有优先级的...

    从可维护性角度考虑css的!important规则的可用性

    这种方式在大多数现代浏览器中是标准且一致的,但在老版本的Internet Explorer(如IE6、IE7的Quirks模式以及IE8的Quirks模式)中,`!important`的支持并不完整,这可能导致意外的样式行为,因此在处理这些旧版浏览器...

    当ie7不认!important之后 [布局的解决办法]

    在网页设计中,浏览器兼容性始终是一个棘手的问题,尤其是涉及到不同版本的Internet Explorer(IE)。标题中的“当ie7不认!important之后 [布局的解决办法]”指的是在使用CSS时,IE7浏览器不识别CSS规则末尾的 "!...

    IE6、IE7、Firefox之间的兼容写法

    本文将重点探讨IE6、IE7以及Firefox之间的CSS兼容性写法,帮助开发者更好地解决实际项目中的兼容性问题。 #### 二、CSS Hack技术概述 为了确保网页在不同浏览器中的表现一致,开发者常常会采用一种名为“CSS Hack”...

    css解决IE6,IE7,firefox兼容性问题.

    ### CSS解决IE6、IE7及Firefox兼容性问题详解 #### 一、引言 随着互联网技术的发展,浏览器种类日益增多,其中Internet Explorer (IE) 和 Firefox 是早期非常流行的两款浏览器。尤其在2000年代中期,IE6、IE7 和 ...

Global site tag (gtag.js) - Google Analytics