CSS：IE7需要帮助

Question

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

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仅告诉＆lt; IE7应用display: inline规则。

它是无效的CSS，但它没有坏处。如果你明白自己在做什么，那么打破验证就没问题了。也就是说，您总是可以使用有效的黑客或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?

Answer 2

你正在使用

.content li.shadow-pod {
    display: inline-block;
}

在ie7

中不完全支持

inline-block

尝试float:left而不是