针对主流浏览器的CSS-HACK写法及IE常用条件注释
摘要：对于前端工作者,最痛苦的事莫过于浏览器兼容性的调试,而这最痛苦的事中,最变态的莫过于微软的三个版本IE6.0/IE7.0/IE8.0.为了让...
对于前端工作者,最痛苦的事莫过于浏览器兼容性的调试,而这最痛苦的事中,最变态的莫过于微软的三个版本IE6.0/IE7.0/IE8.0. 为了让所写代码在各主流浏览器中正常运行，我们不得不为各种浏览器写对应的样式。本文，青鸟将为你总结CSS针对各浏览器的兼容HACK(以IE6/IE7/IE8 /FF为主),以及IE特有的条件注释使用方法.
一、通用区分方式：
IE6、IE7能识别*，标准浏览器（如FF）不能识别*；
IE6能识别*，但不能识别 !important；
IE7能识别*，也能识别 !important；
IE8能识别 ，不能识别*，+,_,* 加!important;
FF不能识别*，但能识别 !important；
例如style=”*width:10px!important; width:20px;”，其在IE7下宽度为10px,在IE6下宽度是20px.
其中还有如下三种写法：
第一种
|
width:100px; /* FireFox及其他浏览器 */
width:200px ; /* IE8能识别 */ *width:300px!important; /* ,IE7 既能能识别*号，也能识别important */ *width:400px; /* IE6也能识别*号 */ /*Mr.Think提示：请注意书写顺序@MrThink.net*/ 【针对主流浏览器的CSS-HACK写法及IE常用条件注释】相关文章：
上一篇：
解决跨浏览器兼容的CSS编码准则
下一篇：
重温两道页面重构面试题
相关阅读
网友关注
网友最新关注视频
精品推荐
分类导航
网页设计子分类
最新 Div+Css教程学习
|