浏览器兼容问题

来源：互联网发布：算法导论第四版 mobi 编辑：程序博客网时间：2024/06/13 09:58

1、ie7及以下不支持inline-block

在IE（以下IE8除外）下，如果对内联元素，比如a或span元素，使用inline-block属性是有效的，似乎IE是支持的，其实是触发了IE的layout，从而拥有了inline-block属性的表症。这样我们就有了一种在IE下实现display:inline-block效果的两种方法：

1、先用display:inline-block属性触发块元素，然后再定义display:inline，让块元素呈递为内联对象（原理：这是IE的一个经典bug，如果先定义了display:inline-block，然后再设置display回inline或block，layout不会消失），代码如下：
div {display:inline-block;}
div {display:inline;}
2、直接让块元素设置为内联对象(display:inline)，然后通过zoom:1触发块元素的layout，代码如下：
div {display:inline; zoom:1;}

2、ie8及以下透明度 opacity 属性

IE8 以及更早的版本支持替代的 filter 属性。例如：filter:Alpha(opacity=50)。

0 0