CSS:IE7 需要的帮助

Question

出于某种原因http://funnyfurniture.net/和 http://funnyfurniture.net/p/5/teak-root-garden-chair/在 IE7 中被严重破坏。有人可以建议修复吗？

Answer 1

这是因为你正在使用 display: inline-block在 .content li.shadow-pod .

IE7 只支持display: inline-block在自然元素上inline (比如 <span> )，除非你把它改造成形状。使用这个:

.content li.shadow-pod {
    /* your other rules */

    display: inline-block;
    *display: inline;
    zoom: 1
}

那是使用 Star Property Hack只告诉 display: inline规则。

这是无效的 CSS，但没有坏处。打破验证是可以的，只要您明白自己在做什么。也就是说，您始终可以使用有效的 hack 或 conditional comment相反:

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

另外，请参阅我之前写的这个答案:How to give Internet Explorer different CSS lines?