div+css使用!important标记区别Firefox和IE6

原创 2007年09月24日 22:16:00

div+css使用!important标记区别Firefox和IE6

[使用!important标记可以区别Firefox和IE6]

Firefox支持!important标记,而IE6忽略!important标记,因此可以使用!important标记区别Firefox和IE6。
<html>
    <body>
        <div style="color: black !important; color: white;">
            firefox中显示为黑色文字,IE6中显示为白色文字
        </div>
        <div style="color: white !important; color: black;">
            firefox中显示为白色文字,IE6中显示为黑色文字
        </div>
    </body>
</html>

[使用!important区分Firefox和IE6时需要放在前面]

<html>
    <body>
        <div style="color: red !important; color: blue;">
            使用!important区别firefox与IE6时,要注意实现原理,Firefox识别!important标记,相当于提升了带有! important的权重,当样式设置为color: red !important; color: blue;时,Firefox认为color: red !important;的权重大于color: blue;,所以Firefox识别为color: red;。而IE6不识别!important标记,当样式设置为color: red !important; color: blue;时,IE6认为color: red !important;的权重和color: blue;的权重相同,由于color: blue;的位置靠后,所以IE6识别为color: blue;。
        </div>
        <div style="color: red; color: blue !important;">
            如果!important设置在靠后。当样式设置为color: red; color: blue !important;时,Firefox认为color: blue !important的权重大于color: red;,所以Firefox识别为color: blue;。而IE6不认别!important标记,当样式设置为color: red; color: blue !important;时,IE6认为color: red;的权重和color: blue !important;的权重相同,由于color: blue !important;的位置靠后,所以IE6也识别为color: blue;。此时,!important就没有起到区分Firefox与IE6的作用。
        </div>
    </body>
</html>

[div+css关键词]

div css

[div+css重要工具]

Internet Explorer Developer Toolbar, http://www.microsoft.com/downloads/details.aspx?FamilyID=e59c3964-672d-4511-bb3e-2d5e1db91038&amp;displaylang=en

[div+css的常见问题]

较验div+css格式,http://validator.w3.org/
div+css的margin缩写方式
div+css的padding缩写方式
链接的:link,:visited,:hover,:active四种状态

[div+css的浏览器兼容问题]

水平居中,Firefox使用margin-left: auto; margin-right: auto; IE6 使用text-align: center;
垂直居中,Firefox中使用display: table-cell; vertical-align: middle;可以实现div垂直居中,而IE6中则需要借助IE6中css的特点实现垂直居中。
!important标记,Firefox支持!important标记,IE6忽略!important标记,!important需要放在前面才能起作用
手形鼠标指针,使用cursor: pointer;
版权声明:本文为博主(@胡争辉)原创文章,未经博主允许不得转载。

相关文章推荐

div+css实现Firefox和IE6/7兼容的垂直居中

Firefox中使用display: table-cell; vertical-align: middle;可以实现div垂直居中,而IE6/7中则需要借助IE6/7中css的特点实现垂直居中。为了实...
  • wzhiu
  • wzhiu
  • 2013-02-28 17:38
  • 1511

css div 遮罩层 兼容IE6-IE9 FireFox

Html代码: 数据加载中,请稍后... CSS样式: /*loading加载遮罩层css*/ #black_overlay { po...

DIV+CSS设计IE6、IE7、Firefox兼容性

你对DIV+CSS设计IE6、IE7、Firefox兼容性问题是否比较熟悉,这里和大家分享一下,对完全使用DIV+CSS设计的网页,就应该更注意IE6、IE7、Firefox对CSS样式的兼容。 D...

CSS IE6/7/8, Firefox, Safari, Chrome, Opera Hack使用简要归纳

来源 http://guandian.co/program/css-hack-ie678-firefox-safari-chrome-opera/ 网上有很多关于IE6/7/8, F...

CSS IE6/7/8, Firefox, Safari, Chrome, Opera Hack使用简要归纳

网上有很多关于IE6/7/8, Firefox, Safari, Chrome, Opera CSS Hack的文章,但我觉得太过繁杂,要不给出一张看也看不懂的CSS Hack归纳表,要不就是给出一大...
  • mecho
  • mecho
  • 2011-10-23 13:13
  • 368

div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法

1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 text-...

(十年积累)div+css 完全兼容ie6 ie7 IE8 IE9 和firefox方法

简单方法: IE6,IE7,IE8,FF的兼容方法(2) 浏览器兼容代码: 浏览器 符号 IE6 IE7 IE8 FF * !important _ \9*html *+html 说明:代表能识别...
  • sabic
  • sabic
  • 2012-06-18 08:21
  • 1225

DIV+CSS--IE6,IE7,IE8,Firefox兼容的(转)

转载自 虫的传人 最终编辑 虫的传人 IE6,IE7,IE8,Firefox 兼容的css hack 补充: .color{ background-color: #C...

div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法

1.DOCTYPE 影响 CSS 处理 2.FF: div 设置 margin-left, margin-right 为 auto 时已经居中, IE 不行 3.FF: body 设置 t...

DIV+CSS--IE6,IE7,IE8,Firefox兼容的

IE6,IE7,IE8,Firefox 兼容的css hack 补充: .color{ background-color: #CC00FF; /*所有浏览器都会显示为紫色*/ backgrou...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)