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

浏览器css hack(浏览器兼容)大全

    博客分类:
  • css
 
阅读更多

浏览器css hack(浏览器兼容)大全

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<style type="text/css">
/*所有浏览器*/
.test{font-size:60px}
/*only ie9,ie9 支持 :root 选择器,:root .class{ background-color:orange; }这样FF,opera等也认识;所以要写成:root .class{ background-color:orange\9; } */
:root .test{font-size:50px\9}
:root .test{font-size:50px\0}
:root .test{font-size:50px\0\9}
:root .test{font-size:50px\9\0}
:root .test{font-size:50px\0/}
/*ie8和ie9*/
.test{font-size:40px\9}
.test{font-size:40px\0}
.test{font-size:40px\9\0}
.test{font-size:40px\0\9}
.test{font-size:40px\0/}
/*ie6和ie7*/
.test{*font-size:60px}
.test{+font-size:60px}
/*only ie6*/
.test{_font-size:60px}
.test{-font-size:60px}
</style>
</head>
<body>
<a href="http://www.css119.com">www.css119.com-web前端开发-实时关注常见的前端开发问题、最新的前端开发技术和最好的前端开发工具</a>
</body>
</html>

PS:应该记住,项目中应该要尽量少用hack,而且其实结构布局合理很少需要用到hack的,现在基本只有ie6和ie7才用少许hack,另外还可以用JS判断来根据不同的浏览器加载不同的css文件

分享到:
评论

相关推荐

    各浏览器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 浏览器兼容文档

    在网页设计中,由于各个浏览器(尤其是Internet Explorer的早期版本)对CSS的实现存在差异,导致开发者需要采取一些特定的方法来解决浏览器兼容性问题。本篇文章主要探讨了针对IE6、IE7、IE8、IE9以及Firefox(FF)...

    CSS hack浏览器兼容一览表

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

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

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

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

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

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

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

    CSS hack技巧大全

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

    各浏览器的cssHack总结

    综上所述,理解并掌握各种CSS Hack对于解决浏览器兼容性问题至关重要。不过,随着浏览器对CSS规范的不断改进和统一,尽量避免使用Hack,而是依靠标准方法和工具来创建跨浏览器兼容的网站。在实践中,应持续关注新的...

    css_hack csshack技术

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

    各浏览器css兼容写法

    还可以使用在线工具,如Can I Use,来查看CSS特性的浏览器兼容性信息。 在编写CSS时,理解并应用以上知识点,能够有效提升代码的兼容性和可维护性。同时,持续关注CSS规范的发展和浏览器的更新,以便及时调整和优化...

    CSS样式hack,用于兼容多种浏览器

    通过上述方法和技术,我们可以有效地解决跨浏览器兼容性问题。尽管现代浏览器的CSS支持越来越一致,但在处理旧版本浏览器时,掌握这些Hack技巧仍然非常重要。开发者应根据项目需求选择最合适的Hack方案,以确保网站...

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

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

    CSS Hack 浏览器兼容写法 用法

    CSS Hack 不得不在一些项目中运用到

Global site tag (gtag.js) - Google Analytics