[css][hack][] - 各浏览器下Hack的写法

2 篇文章 0 订阅
1 篇文章 0 订阅

在Web页面制作中尽量不要使用CSS Hack来处理兼容问题。因为任何浏览器下出现渲染不一致都极有可能是我们自己的结构或样式不符合W3C的某些要求,或者说违背了浏览器的某些规则而造成的,所以我们应该尽量通过结构或CSS的修改来达到各浏览器渲染一致效果,除非到了万不得已情况下,才考虑CSS的Hack。

Firefox

@-moz-document url-prefix() {
.selector {
    property: value;
}
}

Webkit内核浏览器(chrome and safari)

@media screen and (-webkit-min-device-pixel-ratio:0){
    Selector { property: value; }
}

Opera浏览器

@media all and (min-width:0) {
    Selector {property: value;}
}

IE9浏览器

:root Selector {property: value\9;}

IE9以及IE9以下版本

Selector {property:value\9;}

IE8浏览器

@media \0screen{
    Selector {property: value;}
}

IE8以及IE8以上的版本

Selector {property: value\0;}

IE7浏览器

*+html Selector{property:value;}
或
*:first-child+html Selector {property:value;}

IE7及IE7以下版本浏览器

Selector {*property: value;}

IE6浏览器

Selector {_property/**/:/**/value;}
或者:
Selector {_property: value;}
或者:
*html Selector {property: value;}
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值