首页 > Web开发 > 详细

CSS HACK

时间:2015-12-11 01:26:03      阅读:133      评论:0      收藏:0      [点我收藏+]

关注过IE8的css hack的人相信大家都在使用这个hack,就是“\9”的css hack:

.test{
color:#000000;                  /* FF,OP支持 */
color:#0000FF\9;       /* 所有IE浏览器(ie6+)支持 ;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack */
[color:#000000;color:#00FF00;      /* SF,CH支持 */
*color:#FFFF00;                 /* IE7支持 */
_color:#FF0000;               /* IE6支持 */
}

E8正式版出来有一段日志了,但是针对ie8正式版的CSS hack却很少,其实这是值得庆幸的,因为ie8修复了很多IE6和IE7的一些BUG,更加接近W3C标准。

针对IE8正式版的CSS hack目前可以找到的分为2种:(转载请注明出处:WEB前端开发 http://www.css88.com/)

第一种:”\9″:

基本的写法:

[code=”css”].test { color/*\**/: blue\9 }[/code]

这个IE6、IE7、IE8都能识别;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack:(转载请注明出处:WEB前端开发 http://www.css88.com/)

[code=”css”]

.header {width:300px;} /* 所有浏览器*/
.header {width/*\**/:330px\9;} /* 所有浏览器IE浏览器 */
.header {*width:310px;} /* IE7和IE6能识别,IE8和FF不能识别*/
.header {_width:290px;} /* IE6能识别,IE7、IE8和FF不能识别*/
[/code]

主要hack如下:(转载请注明出处:WEB前端开发 http://www.css88.com/)

[code=”css”]

.test{
 color:#000000;                  /* FF,OP支持 */
 color:#0000FF\9;       /* 所有浏览器IE浏览器(ie6+)支持 ;但是IE8不能识别“*”和“_”的css hack;所以我们可以这样写hack */
 [color:#000000;color:#00FF00;      /* SF,CH支持 */
 *color:#FFFF00;                 /* IE7支持 */
 _color:#FF0000;                 /* IE6支持 */
}

[/code]

另外随着google Chrome和Safari浏览器的流行,找google Chrome和Safari CSS hack的人也不少

IE9的css hack:

[code=”css”]
select {
/* ie 8/9*/
background-color:blue\9\0; /* ie 9*/
* /* ie 7*/
_background-color:#CDCDCD; /* ie 6*/
}
[/code]
注意写hack的顺序,其中:

  1. IE8和IE9都支持;
  2. background-color:blue\9\0; 仅IE9支持

CSS HACK

原文:http://www.cnblogs.com/yang-guang/p/5037770.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!