15621857753

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

来源:齐鲁建站 栏目:建站教程 阅读: 日期:2020-10-30

inline-block的兼容性问题:zoom前面为什么要加* IE6、IE7不识别inline-block,其它主流浏览器均支持inline-block。解决IE6、IE7兼容所有浏览器的方法是*display:inline; *zoom:1;

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常用但容易忽视的快捷键命令大全

响应式网站建设

展开