您当前位置:新疆网站建设-新疆网站制作-新疆二域设计 >技术教程 >前端教程 >CSS教程 >浏览信息

兼容IE6/IE7/IE8/FireFox的css hack

发布时间:2015/12/12 16:13:39点击数(0)

1
2
3
4
5
6
.color{
  background-color: #CC00FF;
  background-color: #FF00009;
  *background-color: #0066FF;
  _background-color: #009933;
 }

**记住上面得样式解释为顺序是 ff、ie8、ie7、ie6 ** 显示的结果: 用火狐浏览,颜色是紫色 用 IE8 浏览,颜色是红色 用 IE7 浏览,颜色是蓝色 用 IE6 浏览,颜色是绿色

IE8 最新css hack: "" 例:"margin:0px auto;".这里的""可以区别所有IE和FireFox. "9" 例:"margin:0px auto9;".这里的"9"可以区别所有IE和FireFox. "*" IE6、IE7可以识别.IE8、FireFox不能. "_" IE6可以识别"_",IE7、IE8、FireFox不能.

一些IE6 IE7 IE8 FF的CSS hack

1
2
3
4
5
6
p{+color:#f00;} 支持 IE6 IE7 不支持FF IE8
p{_color:#f00;} 支持 IE6 不支持FF
p{color:#00f !important;}
p{color:#f00;} 支持 IE7 IE6 FF IE8
p{color:#00f !important;color:#f00;} 支持 IE7 IE8 FF 不支持 IE6
head:first-child+body p{color:#f00;} 支持 IE7 IE8 FF 不支持 IE6

各浏览器CSS hack兼容表:

IE6IE7IE8FirefoxChromeSafari
!importantYY
_Y
*YY
*+Y
9YYY
Y
nth-of-type(1)YY

小知识:什么是CSS hack?   

由于不同的浏览器,比如IE6、IE7、IE8、Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。   

这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。   

这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack。

 

关键字:CSS hack兼容表 IE6 IE7 IE8 CSS hack
上一篇: CSS代码实现水平垂直居中
下一篇:CSS3中新出现的技术元素
0