当前位置:首页 > 站长学院 > 建站教程 >

inline-block的兼容性问题:zoom前面为什么要加*

作者:齐鲁建站    发布时间:2020-10-30    阅读:

IE6、IE7不识别inline-block,其它主流浏览器均支持inline-block。

解决IE6、IE7兼容所有浏览器的方法是:

{
display:inline-block;
*display:inline;
*zoom:1;
}

zoom是IE专用属性,firefox等是不支持的。zoom:1就是IE6 专用的 触发 haslayout 属性的。

补充:zoom前面为什么要加*

*放在css属性前面,表示这个属性仅仅应用到Internet Explorer 7 以及以下版本。因为Internet Explorer 版本 7 以及以下承认非字母数字(除了下划线)前缀的属性。所以这里,IE7以上的版本作用的是display: inline-block;而在IE7及以下的版本中作用的是display:inline;zoom:1。

阅读本文的人还可以阅读:

移动端开发:px pt em rem 和 响应式之间的关系

如何给echarts的饼图区域使用指定的颜色

Webstorm常用但容易忽视的快捷键命令大全

公众号二维码

QQ客服
QQ客服
陈经理