做个css hack的总结:
我们现在做的css hack,主要是针对 IE6, IE7, FireFox 和 Chrome。
通常情况下,调试时,先把FireFox作为标准,一般情况下,FireFox和Chrome的效果是一样的。Chrome的具体例子忘记了,周一再重新补充一下。
然后是ie,如果ie6 和 ie7的效果一样的话,就直接加*号,如果不一样,就先写ie7的hack,使用*号,然后ie6使用"_"作为hack。
具体的例子:
.div_margin {margin-top:10px; *margin-top:8px; _margin-top:6px;}
另一种方法就是不同浏览器导入不同的css。一份标准的css:
<link rel="stylesheet" rev="stylesheet" href="style.css" type="text/css" media="all" />
然后再导入ie6和ie7的css:
<!--[if IE 7]>
<link rel="stylesheet" rev="stylesheet" href="ie7.css" type="text/css" media="all" />
<![endif]-->
<!--[if IE 6]>
<link rel="stylesheet" rev="stylesheet" href="ie6.css" type="text/css" media="all" />
<![endif]-->
留下两篇参考文章:
http://www.g9net.com/2009/03/28/css-hack-to-make-the-best-use-of-the-browser-to-distinguish-between.html
http://xinple.org/?p=208
分享到:
相关推荐
什么是CSS hack: 由于不同的浏览器,对CSS的解析认识不一样,从而导致生成的页面效果不一样,得不到我们所需要的页面效果。 针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack
css safari浏览器识别CSS hack.docx
css hack ie6 ie7 ie8 firefox等浏览器兼容性
各浏览器CSS hack兼容表各浏览器CSS hack兼容表
10个非常有用的CSS hack,浏览器兼容性处理
史上最全的CSS hack方式一览.mhtml史上最全的CSS hack方式一览.mhtml史上最全的CSS hack方式一览.mhtml史上最全的CSS hack方式一览.mhtml史上最全的CSS hack方式一览.mhtml史上最全的CSS hack方式一览.mhtml史上最全...
important也作为一个hack手段,其实这是一个误区。!important常常被我们用来更改样式,而不是兼容 hack。造成这个误区的原因是IE6在某些情况下不主动识别!important,以至于常常被人误用做识别IE6的hack。可是,大家...
css的hack技术,跨浏览器兼容问题,想从事web前端的孩纸们快来看看啊
CSS HACK 兼容列表 Firefox,IE5,IE5.5,IE6,IE7,IE8 CSS 浏览器兼容
怎样避免使用css hack ,大家都知道css hack不符合标准
CSS Hack 浏览器兼容文档 ,用于兼容IE6、IE7、IE8、IE9、FF
各种类型 CSSHACK各种类型 CSSHACK
解决浏览器兼容性问题的主要方法是CSS hack。由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面...
技术资料\区分IE6,IE7和firefox的CSS hack-CSS教程.doc
不同浏览器、不同版本存在css的差异,CSS hack可以兼容,主要针对ie浏览器
由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。... CSS Hack大致有3种表现形式,CSS类内部Hack、选择器Hack以及HTML头部引用(if IE)Hack,CSS Hack主要针对IE浏览器。
NULL 博文链接:https://onestopweb.iteye.com/blog/2331532
搜集整理的CSS HACK,也即是在多种浏览器(主要是ie6 ie7 ie8 ff)下样式统一的解决办法。 内容还是较全的,前台开发中常见的兼容性问题都可以找到解决方法,值得研究。 包括各浏览器CSS hack,技巧。有实例。
CSS Hack 不得不在一些项目中运用到