如何修复显示:IE6上的内联块？

Question

如何修复display:inline-block;IE6？

我可以用其他方式获得相同的结果吗？

替代文字

Answer 1

您必须display:inline;在IE样式表中的块级元素上重新指定.

HTML:

<div class="ImageSlideShow">blah</div>

常规CSS:

.ImageSlideShow { display:inline-block; }

IE CSS:

<!--[if lt IE 8]>
<style>
.ImageSlideShow { display:inline; zoom:1; }
</style>
<![endif]-->

奖金:

你还应该指定display:inline;为.ImageSlideShow .ImageNum {}以缓解另一个IE漏洞.

我知道这是超级老,但对于其他人来到这里(像我一样),你不需要有条件的评论.你只需要.ImageSlideShow {display:inline-block;*显示:内联; zoom:1;}它会正常工作.IE6和7是唯一能够识别*显示的浏览器,所以其他浏览器都会忽略它. (4认同)

Answer 2

* html p { display: inline; zoom: 1; }