css hack:解决css各浏览器兼容性问题

对于前端工程师来说,最头痛的事莫过于浏览器兼容性的问题,而此时正像七雄争霸时期,但却远远不止于七家,虽说“天下大势,分久必合,合久必分”,可是目前对于浏览器这种分久必合的未来,仍然是非常渺茫。既然我们无法控制未来,只能从自身来解决问题,努力掌握各浏览器的兼容性。
这时我们就用到css hack了,那什么是css hack呢,简而言之一句话,就是针对不同的浏览器来编写不同的css代码,这就是css hack了,详情可见百度百科:css hack
不废话了,看代码!

解决各浏览器兼容性:

div{
	background-color:#fc0;      /*FF*/
	background-color:#cf0\9;    /*IE8*/
	*background-color:#0fc;     /*IE7*/
	_background-color:#f0c;     /*IE6*/
}

css hack还有另外一种写法:

div{
	background-color:#fc0;      /*FF*/
	background-color:#cf0\9;    /*IE8*/
	*background-color:#0fc !important;     /*IE7*/
	*background-color:#f0c;     /*IE6*/
}

各浏览器css hack兼容表:

IE6 IE7 IE8 Firefox Chrome Safari
!important Y Y
_ Y
* Y Y
*+ Y
\9 Y Y Y
\0 Y
nth-of-type(1) Y Y

马上分享给你的朋友吧~

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>