以height属性为例:
1.ff和各个版本ie的区别与顺序
.myheight{
height:100px; /* ff,默认的为ff属性值 */
height:98px\0; /* ie8 */
*height:95px; /* ie7 */
_height:96px; /* ie6 */
}
若ie6、7的属性值一样,那么写法如下
.myheight{
height:100px; /* ff */
height:98px\0; /* ie8 */
+height:95px; /* ie6、ie7 */
}
2.ff和ie(包含各个版本ie)的区别与顺序
.myheight{
height:100px; /* ff */
height:96px\9; /* ie */
}
3.!important
.myheight{
height:100px!important; /* 除ie6以外的所有浏览器的属性值 */
height:94px; /* ie6 */
}
原理:ie6不支持“!important”规范
其他的推荐写法:引至http://www.css88.com/archives/1681
.test{
color:#000000; /* FF,OP支持 */
color:#0000FF\0; /* IE8支持*/
[color:#000000;color:#00FF00; /* SF,CH支持 */
*color:#FFFF00; /* IE7支持 */
_color:#FF0000; /* IE6支持 */
}
更多参考资料:http://www.52css.com/article.asp?id=937
分享到:
相关推荐
1. **顺序非常重要**:确保正确的CSS Hack顺序,以避免不必要的覆盖或冲突。 2. **尽量减少使用Hack**:虽然CSS Hack很有用,但过度依赖会导致维护困难。尽可能采用标准CSS来实现兼容性。 3. **测试**:在实际部署前...
4. **CSS Hack书写顺序**: 通常建议的书写顺序是:首先写FF等非IE浏览器的样式,然后是IE8的,接着是IE7的,最后是IE6的。这样可以确保在处理更旧版本浏览器时,不会影响到新版本浏览器的样式表现。 5. **总结**...
因此,我们需要按照这个顺序来写 CSS Hack,例如: `#demo {width:100px;} /*被 FIREFOX,IE6,IE7 执行.*/ * html #demo {width:120px;} /*会被 IE6 执行*/ *+html #demo {width:130px;} /*会被 IE7 执行*/` 因此,...
CSS Hack的书写顺序通常是按照浏览器的识别能力从弱到强来排列,即**标准浏览器 (如Firefox) **。这样的顺序可以确保当浏览器遇到不支持的Hack时,能够跳过这部分内容,而继续执行后续的CSS规则。 例如: ```css #...
CSS Hack是一种针对不同浏览器之间的CSS解析差异而采取的技术策略,目的是确保网页在各种浏览器中都能得到预期的渲染效果。在Web开发中,由于Internet Explorer(尤其是IE6和IE7)与其他标准兼容的浏览器(如Firefox...
### 各种类型 CSS Hack:理解与应用 在网页设计与开发领域,兼容性问题一直是一大挑战。不同浏览器对CSS的支持程度不一,导致同样的代码在不同的浏览器中可能呈现出截然不同的效果。为了确保网站在多种浏览器下都能...
注意,编写CSS Hack时,通常会按照从通用到特定的顺序,以便于代码的可读性和维护性。 **总结** CSS Hack虽然在处理浏览器兼容性问题时很有用,但应当谨慎使用,因为它可能导致代码难以维护,并可能引发其他未知的...
注意,CSS Hack的书写顺序通常按照从广泛支持到特定浏览器的顺序,以保持代码的可读性。 在实际开发中,虽然CSS Hack可以解决兼容性问题,但应尽量避免过度依赖,因为这可能导致代码难以维护。优先考虑使用浏览器...
### CSS Hack 经验分享:常见浏览器兼容性的处理 随着互联网技术的发展,浏览器之间的差异性逐渐成为前端开发者不得不面对的问题之一。特别是在早期的 Web 开发过程中,不同浏览器对 CSS 的支持程度参差不齐,导致...
在使用CSS hack时,重要的是注意hack的顺序。如果一个样式规则对多个版本的IE都有效,那么应当放在针对特定IE版本的规则之前,因为CSS的层叠规则是由上至下解析的。 4. 注释 在CSS中使用hack时,可能会看到一些特定...
除了条件注释之外,还可以通过 CSS 属性的书写顺序来进行 Hack。这种方式被称为顺序写法 Hack。示例如下: ```css .My_hack { color: red; /* 针对 Firefox */ *color: green; /* 针对 IE7 */ _color: blue; /* ...
### CSS样式Hack详解:兼容多种浏览器的技术解析 #### 一、CSS Hack简介 CSS Hack是一种技术手段,旨在解决不同浏览器间CSS渲染差异的问题。由于各浏览器(如IE6、IE7、Firefox等)对CSS标准的支持程度不同,...
- **顺序**: 在编写CSS时,一般推荐的顺序是Firefox、IE8、IE7、IE6。 #### 7. 小知识:什么是CSS Hack? 由于不同的浏览器(如IE6、IE7、IE8、Firefox等)对CSS的解析有所不同,导致生成的页面效果不一致。这时就...
书写顺序一般是将识别能力强的浏览器的CSS写在后面,CSS hack书写顺序一般为FF IE7 IE6 div+css浏览器兼容IE6,IE7,FF之间的标识区别: IE6 IE7 FF * √ √ × important × √ √ 1. IE都能...
但是IE8不能识别“*”和“_”的csshack */ } ``` #### 2. IE版本之间的Hack区分 在不同的IE版本中,有的CSS Hack被识别,而有的则不被识别。在IE8中,\* 和 \_ 这种旧的CSS Hack不再被支持。为了兼容性,开发者...
本文主要介绍IE6、IE7、IE8、IE9以及Firefox之间的CSS Hack方法,并强调了这些Hack规则的书写顺序对最终显示效果的影响。 #### 什么是CSS Hack? CSS Hack是通过利用浏览器解析CSS时的差异来达到只让某个特定...
这是一篇关于CSS HACK的文章,这篇文章中提到的CSS HACK是针对class、id中属性的HACK,排列的顺序都具有要求。今天要和大家说的是针对class、id所做的CSS HACK。 .test{/*FF*/ height:20px; background-color:...