CSS hack的三种常见形式

本文介绍了CSS hack的必要性,特别是在处理不同浏览器间样式不一致的问题时。内容包括混杂模式的概念,以及CSS hack的三种主要形式:属性级Hack、选择符级Hack和IE条件注释Hack,重点探讨了这些技巧如何帮助实现跨浏览器的一致性。
摘要由CSDN通过智能技术生成

CSS hack技术的简介

      不同浏览器在混杂模式下的行为差异非常大,如果不使用某些hack技术,跨浏览器的行为就没有一致性可言。

hack技术主要就是为了某些浏览器特定设置的。针对不同的浏览器写不同的CSS code的过程,就叫CSS hack。

写在CSS中,里边可以嵌套style和html代码;不可以写在style中。


混杂模式:HTML Doctype 如果文档开始没有发现文档类型声明或者声明错误,则所有的浏览器会默认开启混杂模式


CSS Hack常见的有三种形式:CSS属性Hack、CSS选择符Hack以及IE条件注释Hack, Hack主要针对IE浏览器。

 1.属性级Hack:比如IE6能识别下划线”_”和星号” * “但不能识别下划线”_”,而firefox都不能识别。

/* CSS属性级Hack */
color:red; /* 所有浏览器可识别*/
_color:red; /* 仅IE6 识别 */
*color:red; /* IE6、IE7 识别 */
+color:red; /* IE6、IE7 识别 */
*+color:red; /* IE6、IE7 识别 */
[color:red; /* IE6、IE7 识别 */
color:red9; /* IE6、IE7、IE8、IE9 识别 */
color:red; /* IE8、IE9 识别*/
color:red!important; /* IE6 不识别!important*/

  2.选择符级Hack:比如IE7能识别*+html .class{}或者

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值