html - 如何修复显示 :inline-block on IE6?

Question

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

我的 html 页面 http://www.faressoft.org/tutorialTools/slideShow/

我可以用其他方式得到同样的结果吗？

Answer 1

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

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]-->

参见:http://work.arounds.org/using-inline-block-ie7-and-ie6/

奖励:

您还应该为 .ImageSlideShow .ImageNum {} 指定 display:inline; 以缓解另一个 IE 错误。