`
aksoft
  • 浏览: 45427 次
  • 性别: Icon_minigender_1
  • 来自: 河北
社区版块
存档分类
最新评论

简单兼容浏览器(CSS hack)

    博客分类:
  • Css
阅读更多
把目前浏览器归纳一下,FireFox 、Opera、Safari、Chrome、IE8归一类,IE7 和 IE6 分别归一类。虽然IE8还有许多地方不标准,好在绝大多数常用的算是统一了,所以放到第一类。很明显,按着第一类的标准写web,就基本在各类浏览器里通行了,但用的人最多的是IE7和6,考虑到第一类会成为未来,所以兼容的“原则”应该是:正常写法让给第一类,特殊写法针对ie7和6进行。

去网上搜索了一些资料,总结方法如下:
【方法一】 利用通配符:* +
<style>
body {
/* ie8、ff3、op9、ch2 */
background:green;
}
*+html body {
/* ie7 */
background:blue;
}
*html body {
/* ie6 */
background:red;
}
</style>

【方法二】 利用优先级:!important
<style>
body {
/* ie8、ff3、op9、ch2 */
background:green !important;  
/* ie7 */
>background:blue !important;  
/* ie6 */
background:red;  
}
</style>

【方法三】 利用IE特性:. _
<style>
body {
/* ie8、ff3、op9、ch2 */
background:green;  
/* ie7 */
.background:blue;  
/* ie6 */
_background:red;  
}
</style>

web前端寒风总结推荐:
方法1:无疑写起来是最麻烦的一种,要在选择标签外来区分,可以选择性使用。
方法2:!important是三个方法里唯一标准CSS写法,但很明显,不符合我开头归纳的“原则”,即把正常写法让给了ie6,而把特殊写法用在了支持最多的 ie8、ff……等上,无疑写起来麻烦,所以不推荐方法2,!important应该用在某些多选的样式定义场合,而不应该用于进行兼容浏览器。
方法3:抱歉,标题里写的是“利用IE特性”,其实我也不太清楚“_”和“.”是CSS语法还是真的ie特有?希望高人指教,不管怎么说,方法3即符合“原则”,又写起来简单,所以推荐使用方法3。
分享到:
评论

相关推荐

    各浏览器CSS hack兼容表

    各浏览器CSS hack兼容表各浏览器CSS hack兼容表

    CSSHack解决兼容

    什么是CSS hack: 由于不同的浏览器,对CSS的解析认识不一样,从而导致生成的页面效果不一样,得不到我们所需要的页面效果。... 针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack

    区别不同浏览器CSS hack

    ### 区别不同浏览器CSS Hack知识点详解 #### CSS Hack简介 在Web开发过程中,由于不同浏览器对CSS的支持程度不一,导致同一段CSS代码在不同的浏览器中可能呈现出不同的效果。为了确保网页能在各种浏览器中正常显示...

    css safari浏览器识别CSS hack.docx

    总的来说,CSS Hack是解决浏览器兼容性问题的一种手段,但应谨慎使用,因为它可能导致代码可维护性降低。更推荐的做法是遵循Web标准,使用渐进增强或优雅降级策略,并尽量依赖于专门的CSS重置库(如Normalize.css或...

    H5 CSS hack 和浏览器内核

    总的来说,H5 CSS Hack是解决浏览器兼容性问题的重要手段,通过理解和灵活运用各种Hack方法,可以确保网页在不同浏览器上呈现出一致的视觉效果。随着浏览器对新标准支持的逐步完善,虽然CSS Hack的重要性正在减弱,...

    css hack浏览器兼容性

    css hack ie6 ie7 ie8 firefox等浏览器兼容性

    CSS Hack 浏览器兼容文档

    CSS Hack是一种针对不同浏览器之间解析CSS规则差异的技术,目的是确保CSS样式在各个浏览器中的一致性。在网页设计中,由于各个浏览器(尤其是Internet Explorer的早期版本)对CSS的实现存在差异,导致开发者需要采取...

    CSS 针对谷歌浏览器(Chrome) safari的webkit核心浏览器CSS hack.txt )

    总之,WebKit CSS Hack是一种非常实用的技术,它可以帮助开发者解决跨浏览器兼容性问题。通过合理运用上述提到的方法,可以有效地确保网页在基于WebKit内核的浏览器(如Chrome和Safari)中表现出色。需要注意的是,...

    浏览器兼容.doc-CSS hack姐姐兼容性问题

    解决浏览器兼容性问题的一种主要方法是CSS Hack。CSS Hack是指针对不同浏览器编写特定的CSS代码,使同一段CSS在各个浏览器中都能得到预期的效果。例如,IE6能识别下划线 "_" 和星号 " * ",而IE7仅识别星号,Firefox...

    各浏览器的cssHack总结

    本文将对各浏览器的CSS Hack进行总结,主要关注如何解决CSS样式兼容问题。 首先,我们了解下主要的浏览器:IE(Internet Explorer)、Firefox、Chrome、Safari以及Opera。它们之间的兼容性问题主要源于对CSS规范的...

    css_hack csshack技术

    CSS Hack 是一种有效的工具,可以帮助开发者解决跨浏览器兼容性问题。通过理解和掌握这些Hack技术,可以大大提高Web项目的兼容性和用户体验。当然,随着Web标准的发展和浏览器技术的进步,我们还应该关注新的解决...

    CSS hack浏览器兼容一览表

    然而,值得注意的是,尽管CSS hack在某些情况下是必要的,但随着浏览器标准的逐步统一和渐进增强(progressive enhancement)与优雅降级(graceful degradation)策略的广泛应用,直接解决浏览器兼容性问题比使用...

    CSS hack 兼容标识.rar_CSS hack 兼容标识

    本篇文章将深入探讨CSS Hack以及其在解决浏览器兼容性问题中的应用。 首先,CSS Hack的核心在于利用浏览器解析CSS规则的差异,编写特定的代码片段来针对特定浏览器进行样式调整。常见的CSS Hack方法包括属性前缀、...

    CSS hack技巧大全

    在网页开发中,CSS(层叠样式表)的兼容性问题一直是一个挑战,尤其是在处理不同浏览器间的表现差异时。CSS Hack是一种技术,用来解决这些差异,确保样式在各种浏览器中都能正确呈现。本文将详细介绍一些常用的CSS ...

    各浏览器css兼容写法

    然而,由于不同的浏览器对CSS规范的实现存在差异,导致了跨浏览器的兼容性问题。解决这些问题,确保网页在所有主流浏览器中都能正常显示,是前端开发者必须面对的重要任务。以下是一些关于CSS兼容性的关键知识点: ...

    CSS HACK 兼容列表 Firefox,IE5,IE5.5,IE6,IE7,IE8.rar

    CSS Hack通常指的是利用浏览器解析CSS的bug或者特性,为特定浏览器添加特定的样式规则,从而解决跨浏览器兼容性问题。以下是一些常见的CSS Hack类型和它们的应用: 1. **属性前缀Hack**:不同的浏览器对某些CSS属性...

    各浏览器下Hack的写法

    尽管CSS Hack可以在一定程度上解决浏览器兼容性问题,但这种方法并不总是最佳实践。优先考虑使用标准的CSS语法和遵循W3C规范,以确保代码的可维护性和跨浏览器的兼容性。只有在确实无法通过改进HTML结构或CSS编写...

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

    本文将深入探讨不同浏览器兼容性的CSS Hack代码及其实例,帮助开发者更好地理解并应用这些技巧。 ### 1. 区别IE和非IE浏览器 对于需要在IE与非IE浏览器之间进行样式区分的情况,可以使用以下Hack: ```css #div...

Global site tag (gtag.js) - Google Analytics