display:inline-block;在ie6、ie7下只有设置在默认显示方式为inline的元素上才会生效,比如:span,a,lable,cite,em等标签.
如何实现块级元素(div,p,h1,form,ul等)的inline-block效果?
解决办法如下:
display: inline-block;
*display: inline;
*zoom: 1;
通过 *zoom: 1; 去出发hasLayout的行为,然后通过 *display: inline; 去支持IE7及以下版本(高版本会直接使用display: inline-block;)
当hasLayout和inline在一起的时候,就触发了inline-block的行为在IE7及以下版本。
本文介绍了一种在Internet Explorer 6和7浏览器中实现块级元素如div等的inline-block显示的方法。通过使用*zoom:1;触发hasLayout行为,并结合*display:inline;属性来兼容低版本IE。

1252

被折叠的 条评论
为什么被折叠?



