【css hack】正是我所找的,帮了大忙啊
(从已经死了一次又一次终于挂掉的百度空间人工抢救出来的,发表日期2014-03-05)
各个浏览器单独设置属性
IE6:能识别下划线 “_” 和 星号 “*“,不能识别 “!important”
IE7:能识别星号 “*” 和 “!important“,不能识别下划线”_”
IE8:能识别 “\0“和 “!important“,不能识别下划线 “_” 和 星号 “*”
IE6、IE7、IE8:均能识别 “\9”
Firefox:只能识别”!important”
这样写大家可能感觉还是有点抽象,也并不知道具体该怎么操作,没有关系,我在下面给大家举一个事例,大家就能明白具体该怎么写了。
.test1
{
margin-left:10px; /*firefox的属性*/
margin-left:15px\0; /*IE8的属性*/
*margin-left:20px; /*IE7的属性*/
_margin-left:25px; /*IE6的属性*/
}
.test2
{
margin-left:10px; /*firefox的属性*/
margin-left:20px\9; /*IE6/7/8的属性*/
margin-left:15px\0; /*IE8的属性*/
_margin-left:25px; /*IE6的属性*/
}
那么这个hack的写法让浏览器读取出来的结果便是:IE6下该Div左边距为25像素;IE7下左边距为20像素;IE8下左边距为15像素;火狐下左边距为10像素。