【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像素。

posted @ 2015-05-26 09:44  幻想家~  阅读(161)  评论(0编辑  收藏  举报