只针对ie6,ie7和firefox的csshack
注意都要写在正常样式的后边,除!important方法在前边
---------------针对样式名------------
如果只让ie6看见用*html .head{color:#000;}
如果只让ie7看见用*+html .head{color:#000;}
如果只让ff看见用:root body .head{color:#000;}
如果只让ff、IE8看见用html>body .head{color:#000;}
如果只是不让ie6看见用html>body .head{color:#000;} 即对IE6无效
如果只是不让ff、IE8看见用*body .head{color:#000;} 即对ff、IE8无效
body>.head{color:#000} IE7 8 ff 有效
-------------针对具体属性--------------
如果只让ie6看见用_ .head{_color:#000;}
如果只让ie7看见用+与_结合的方法: .head{+color:#f00;!;_color:#000;}
如果只是不让ie6看见用 .head{color :#000;}注意有空格,或者用!important,写法: width:20px!important; width:50px;
如果只对ff无效/9 如:.head{color:#000\9}
--------------IE8正式版hack------------
"\9" 例:"margin:0px auto\9;".这里的"\9"可以区别所有IE和FireFox.
"*" IE6、IE7可以识别.IE8、FireFox不能.
"_" IE6可以识别"_",IE7、IE8、FireFox不能.
- 大小: 27.8 KB
分享到:
相关推荐
【CSS Hack】是一种在网页设计中,为了应对不同的浏览器对CSS(层叠样式表)解析方式的差异,而采用的一些技巧或方法。由于各浏览器之间的兼容性和标准实施不一致,CSS Hack经常被用来确保网站在各种环境下都能正确...
常见的CSS Hack包括但不限于下划线(_)和星号(*)前缀,条件注释,以及使用不同的浏览器私有属性等。在实际开发中,应尽量避免过度依赖CSS Hack,因为它们可能会增加代码的复杂性和维护难度。优先选择使用渐进增强和...
【CSS新增特性思维导图梳理】是对CSS3中新增特性的整理,主要关注浏览器兼容性和CSS Hack技巧。CSS3引入了许多新的功能,提高了网页设计的灵活性和表现力。以下是其中的一些关键点: 1. **私有前缀**: 为了解决...
描述中提到“兼容IE浏览器”,这暗示开发者可能使用了一些特定的CSS hack或JavaScript来解决IE浏览器的兼容性问题,因为IE对某些CSS特性支持不全。例如,可能使用了`_height`或`*height`这样的私有属性为IE设置样式...
除此之外,还有一些其他的Chrome CSS Hack,例如使用`-webkit-`前缀的私有属性和方法。这些属性和方法是专门为WebKit引擎设计的,因此只会在Chrome、Safari以及其他基于WebKit的浏览器中生效。例如: ```css div { ...
### CSS禅意花园—Web视觉设计的王者之书 #### 关键知识点概览: 1. **Web设计的历史与发展** - 早期Web设计的特点及挑战。 - 浏览器之战与私有扩展的影响。 - Web标准项目的成立及其意义。 2. **HTML与CSS的...
这些浏览器不支持CSS3,因此我们需要使用JavaScript库(如jQuery UI)或CSS Hack来实现圆角。 对于IE8,可以使用`behavior`属性配合`url()`来引入特定的CSS行为,如CSS3 PIE库: ```css .box { -webkit-border-...
解决CSS兼容性问题需要深入了解各个浏览器的特性,并灵活运用条件注释、CSS hack以及渐进增强或优雅降级策略。通过这种方式,可以确保网页在各种浏览器中都能呈现良好的用户体验。同时,随着浏览器的不断更新和CSS...
为了解决这个问题,我们可以使用CSS hack。例如,我们可以使用条件注释或特定的CSS前缀来专门针对这些老版本的IE浏览器编写规则。例如: ```css /* 针对IE6和IE7 */ <!--[if lt IE 8]> img { width: expression...
开发者可能使用了条件注释、`DOCTYPE`声明、特定的`CSS` hack或库(如`jQuery`)来解决这些问题。例如,可能需要使用`*html`前缀来针对IE6和IE7应用某些样式,或者使用`_width`这样的私有属性来为IE6设置宽度。 ...
5. **CSS Hack**:特定的CSS语法可以只影响某些浏览器,例如,`_height` 对IE6有效,`*height` 对IE7有效。但这种方法应谨慎使用,因为它可能导致维护困难。 6. **使用兼容性表**:查阅Can I use网站,这是一个权威...
同时,为了覆盖某些IE特有的解析规则,CSS Hack(即CSS中的特殊语法,用于区分不同的浏览器或浏览器版本)被广泛使用。比如,“\*”选择器只被IE6和IE7识别: ```css /* 正常CSS */ background: orange; /* IE6 和 ...
- **早期的混乱与挑战**:90年代末期的互联网环境充满了不确定性和快速变化,HTML作为一种简单的文档标记语言诞生,但由于其布局能力有限,导致了诸如`<font>`标签和`<table>`标签等Hack的出现,这些Hack虽然解决了...
` 是针对IE6的私有属性hack。 2. **禁用Safari文本框大小调整** 通过设置 `resize: none;` 可以阻止用户在Safari、Chrome等浏览器中调整textarea的大小。 3. **跨浏览器圆角** `-moz-border-radius`, `-webkit-...
浏览器厂商和图形设计师开始使用各种不规范的“hack”来实现更复杂的页面布局,如滥用和标签。这些做法虽然解决了页面布局的问题,却违背了HTML的初衷——结构化文档的表示。这种情况导致了Web的文档结构经常被忽视...
`,这里的下划线表示这是针对IE6的私有hack。 4. CSS定位:`position`属性有两个主要值,`relative`和`absolute`。`relative`定位是相对于元素自身原本的位置进行偏移,元素依然保持在文档流中。而`absolute`定位则...
初始化CSS样式以消除默认差异,利用浏览器私有属性来支持新特性,谨慎使用CSS Hack以应对特殊情况,以及利用自动化工具减少重复工作。随着浏览器标准的逐步统一和自动化工具的进步,处理兼容性问题的难度正在逐渐...
- 对于那些不支持`display:inline-block`的老版本浏览器,可以使用CSS hack或者使用JavaScript库如Modernizr来实现兼容。 总之,`display:inline-block`是CSS布局中一个强大而灵活的工具,但需要注意浏览器兼容性和...