`

css 中的星号和下划线

 
阅读更多

 

Differentiating between IE 6 and below and IE 7

 

Firstly we can target IE 6 and IE 7 separately using the underscore hack and far less well documented star property hack (commonly mistaken for the star HTML hack).

 

.box {

   background: #00f; /* all browsers including Mac IE */

   *background: #f00; /* IE 7 and below */

   _background: #f60; /* IE 6 and below */

   padding: 7px;

   color: #fff;

}

 

View Example

 

In this example all non IE browsers (which also includes Mac IE) see the first background rule. This sets the box colour to blue. Both IE 6 & 7 then see the next rule (prefixed with a star) which overrides the first rule and sets the background colour to red. Finally IE 6 and below also see the final rule (prefixed with an underscore) and set the background colour to orange.

分享到:
评论

相关推荐

    css区别IE和非IE浏览器

    - **星号加下划线选择器(*_):** 可以让CSS规则仅被IE6和IE7解析。 ```css #tip { background: blue; /* 非IE浏览器 */ *background: black; /* IE7及以上版本 */ _background: orange; /* IE6 */ } ``` - *...

    cssHack样式解析

    例如,IE6 能识别下划线 "_" 和星号 "*",IE7 能识别星号 "*",但不能识别下划线 "_",而 Firefox 两个都不能认识。因此,我们可以根据浏览器的支持情况来写不同的 CSS。 写 CSS Hack 需要遵循一定的规则,例如: ...

    css_hack csshack技术

    - **下划线与星号组合**:可以利用`_`和`*`的特性来组合Hack,如`*+html .element { ... }` 或 `._element { ... }` 来区分IE7和其他浏览器。 - **多重Hack**:有时需要结合多种Hack来达到目的,如`*background: ...

    CSS hack-CSS

    在CSS中,可以使用星号(*)前缀作为hack,这在IE6中被识别,而Firefox则无法识别。例如: ```css background: orange; /* Firefox */ *background: blue; /* IE6 */ ``` 2. 区分IE6与IE7: IE7增加了对!...

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

    解释:标准浏览器(如 Firefox)忽略带星号 (*) 的规则;而 IE6 能识别星号,但不能识别 `!important`。 - **区别IE6与IE7:** ```css background:green !important; background:blue; ``` 解释:标准浏览器...

    CSS Hack 浏览器兼容文档

    例如,星号(*)在IE6和IE7中被识别为一个选择器前缀,但在FF、IE8及更高版本中不被识别;叹号important(!important)在除IE6外的所有浏览器中都被用来强制应用某个样式;下划线(_)仅被IE6支持,其他浏览器不识别...

    css专区 都是css 的东东

    2. 星号`*`: IE6和IE7可以识别星号前缀,但Firefox不行。例如: ```css .browserTest { border: 20px solid #60A179; *border: 20px solid #00F; } ``` 星号后的样式仅对IE6和7有效。 3. 下划线`_`: 只有IE6...

    css兼容.txt

    - **星号Hack**:适用于IE7及更低版本。 ```css *background: black; ``` - **下划线Hack**:仅IE6支持。 ```css _background: orange; ``` - **后缀Hack**:IE8专用。 ```css background: red\9; ``` ...

    css样式表兼容总结,兼容火狐,ie6,ie7,FF

    标题中的“css样式表兼容总结,兼容火狐,ie6,ie7,FF”指的是在网页设计中,CSS样式表需要处理不同浏览器之间的兼容性问题,特别是老版本的Internet Explorer(IE6和IE7)以及Firefox。描述中的“css样式表火狐,ie6,ie...

    CSS浏览器兼容和IE中bug问题

    - **注意事项**:星号前缀`*`被Firefox识别,IE7也识别但顺位较低;下划线前缀`_`只被IE6识别。这种写法能够确保在各个浏览器中都能得到正确的宽度显示。 2. **IE6中的`float: right`问题** - **问题描述**:在IE...

    CSS+DIV浏览器兼容技巧

    除了星号 Hack,下划线 `_` 也是一个针对 IE6 的特殊 Hack。例如:`background: orange; _background: blue;` 这样,只有 IE6 会应用蓝色背景,而 IE7 和 Firefox 则会忽略。 在处理兼容性问题时,还有其他两种广泛...

    CSS Hack Table

    常见的CSS Hack包括但不限于下划线(_)和星号(*)前缀,条件注释,以及使用不同的浏览器私有属性等。在实际开发中,应尽量避免过度依赖CSS Hack,因为它们可能会增加代码的复杂性和维护难度。优先选择使用渐进增强和...

    CSS兼容大全IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari等浏览器

    例如,IE6 能识别下划线_和星号*,IE7 能识别星号*,但不能识别下划线_,而 Firefox 两个都不能认识。我们可以根据这个原理,来写不同的 CSS 代码,针对不同的浏览器。 书写顺序 ------------ 一般是将识别能力强的...

    IE下css if条件

    例如,针对IE特有的滤镜(filter)属性、星号(*)前缀、下划线(_)前缀等,可以为IE浏览器编写特定的样式规则。 描述中提到的链接指向了一个名为“liuna718-163-com.iteye.com/blog/1772171”的博客文章,遗憾的是...

    CSS Hack是什么

    例如,IE6能够识别下划线“_”,而IE7能识别星号“*”,但不能识别下划线“_”,Firefox则对两者均无法识别。 - 示例代码: ```css div { background: green; /* for Firefox */ _background: blue; /* for IE6...

    CSS在IE6, IE7, IE8, Firefox中的特定使用(Hack).

    此Hack依赖于IE7的一个bug,即它不会正确解析带有星号前缀的CSS属性。 ### 四、针对IE8的Hack **尾部添加"\9"**:在属性值后添加`\9`,如`line-height: 26px\9;`,可让该声明仅在IE8中应用。这是利用了IE8对某些...

    web前端规范之CSSHack[总结].pdf

    例如,下划线`_`仅在IE6中有效,星号`*`适用于IE6和IE7,而`\0`和`\9`分别针对IE8-9和所有IE内核浏览器。注意,CSS Hack的书写顺序通常按照从广泛支持到特定浏览器的顺序,以保持代码的可读性。 在实际开发中,虽然...

    web前端规范之CSSHack.pdf

    例如,使用下划线`_`(如`_padding`)是为了IE6,星号`*`(如`*padding`)是为了IE6和IE7,而`\0`和`\9`则分别用于IE8-9和所有IE内核浏览器。注意,编写CSS Hack时,通常会按照从通用到特定的顺序,以便于代码的...

    CSS样式兼容IE6、IE7、IE8、FF火狐浏览器的方法

    - **星号Hack(*)**:用于向IE7及以上版本和火狐浏览器发送特定样式,而忽略IE6。 - **下划线Hack(_)**:用于向IE6发送特定样式,而不影响其他浏览器。 - **条件注释**:仅在IE中生效,可以用来加载特定版本IE的...

Global site tag (gtag.js) - Google Analytics