您好,匿名用户
随意问技术百科期待您的加入

如何使用CSS hack区分不同的游览器?

+2 投票

最近在学css,遇到游览器兼容的问题。网上有很多使用css hack解决游览器兼容性的问题,但是不是很完整。想求一个比较完整、全面的文档。

用户头像 提问 2012年 12月22日 @ Elise 上等兵 (273 威望)
更改标签 2013年 1月4日 @Saber
分享到:

1个回答

+2 投票
 
最佳答案

一 CSS Hack形式

CSS Hack大致有3种表现形式,CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack,CSS Hack主要针对IE浏览器。

  类内部Hack:比如 IE6能识别下划线"_"和星号" * ",IE7能识别星号" * ",但不能识别下划线"_",而firefox两个都不能认识。等等

  选择器Hack:比如 IE6能识别*html .class{},IE7能识别*+html .class{}或者*:first-child+html .class{}。等等

  HTML头部引用(if IE)Hack:针对所有IE:<!--[if IE]><!--您的代码--><![endif]-->,针对IE6及以下版本:<!--[if lt IE 7]><!--您的代码--><![endif]-->,这类Hack不仅对CSS生效,对写在判断语句里面的所有代码都会生效。

二 CSS Hack书写顺序

     书写顺序,一般是将识别能力强的浏览器的CSS写在前面。

三 CSS Hack游览器识别

符号\游览器 IE6 IE7 IE8 IE9 Chorme FireFox
!important  ×
* × × × ×
_ × × × × ×
*+ × × × × ×
 \0 × × × ×
  \9\0 × × × × ×
  \9 × ×
用户头像 回复 2012年 12月22日 @ Athena 上等兵 (346 威望)
选中 2012年 12月22日 @Elise
提一个问题:

相关问题

+1 投票
1 回复 33 阅读
用户头像 提问 2012年 12月1日 @ Udyr 上等兵 (341 威望)
0 投票
1 回复 35 阅读
用户头像 提问 2012年 12月1日 @ Corki 上等兵 (263 威望)
+1 投票
1 回复 76 阅读
+6 投票
1 回复 1,230 阅读
0 投票
1 回复 46 阅读

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...