CSS：help neded for IE7 [英] CSS: help neded for IE7

问题描述

出于某些原因， http://funnyfurniture.net/ 和 http://funnyfurniture.net/p/5/teak-root-garden-chair/ IE7。

For some reason http://funnyfurniture.net/ and http://funnyfurniture.net/p/5/teak-root-garden-chair/ are so badly broken in IE7. Can somebody suggest a fix?

推荐答案

这是因为你使用 display：inline-block .content li.shadow-pod 。

IE7只支援 inline （例如< span> c>），除非你把它形状。使用此：

IE7 only supports display: inline-block on elements that are naturally inline (such as <span>), unless you hack it into shape. Use this:

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

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

这是使用 Star Property Hack 仅告诉< IE7应用 display：inline rule。

That's using the Star Property Hack to tell only <IE7 to apply the display: inline rule.

它是无效的CSS，但它没有任何危害。如果您明白自己在做什么，那么可以突破验证程序。 也就是说，您可以随时使用有效的黑客或有条件的评论：

It is invalid CSS, but it does no harm. It's fine to break validation provided that you understand what you're doing. That said, you could always use a valid hack or a conditional comment instead:

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

另外，请参阅上面的答案我写道：如何提供Internet Explorer不同的CSS行？

Also, see this previous answer I wrote: How to give Internet Explorer different CSS lines?

这篇关于CSS：help neded for IE7的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！