只针对ie8浏览器做样式上的设置(css hack)

css hack 常用的有 \9,\0(ie11版本以下都会应用) \9\0 (ie9+)
我真实测试的是:
\9 或者 \0 对(ie8 ie9 ie10 )都有效
但是有时候,我们使用绝对定位的时候,最常用的使用 left:50%; transform:translateX(-50%); 这对ie9以上的浏览器都支持。但是ie8不支持,但是如果css hack 写成了:

span{
	left:-100px\9;
}

这个时候,ie9 ie10就会跟着变化,但是我们并不想要ie9 ie10浏览器应用这个样式(ie9 ie10可以直接应用了left:50%; transform:translateX(-50%); ),那么可以使用下面的只针对ie8应用此样式:

span{
	left:-100px\9;
}
:root span{
	left:50%;
}

这样,ie8应用最上面的代码,但是ie9 ie10 就会应用下面的额代码,从而把上面的代码覆盖掉!!!
从而解决了问题!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值