CSS 更直接有效的hack 写法
CSS 更直接有效的hack 写法
成功需要积累 发表于7个月前
CSS 更直接有效的hack 写法
  • 发表于 7个月前
  • 阅读 5
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

之前在用的css hack(这里主要针对ie,用color举例)

div{

    *color:red;    /* IE6    IE7 */

    color:red\0;     /* IE6    IE7    IE8    IE9    IE10 */

    color:red\0;     /* IE8    IE9    IE10 */

    _color:red;    /* IE6 */

}

但是IE9 支持部分css3 比如圆角,IE8以下的hack就不是很好用,所以就用了下面的方式

*html *前缀只对IE6生效
*+html *+前缀只对IE7生效
@media screen\9{...}只对IE6/7生效
@media \0screen {body { background: red; }}只对IE8有效
@media \0screen\,screen\9{body { background: blue; }}只对IE6/7/8有效
@media screen\0 {body { background: green; }} 只对IE8/9/10有效
@media screen and (min-width:0\0) {body { background: gray; }} 只对IE9/10有效
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {body { background: orange; }} 只对IE10有效
共有 人打赏支持
粉丝 0
博文 19
码字总数 4987
×
成功需要积累
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: