如何在<ie8中内联阻止？

Question

=“”

我想要显示一些评级星，它们与inline-block的重复图像对齐如下：

<span class="stars" style="width:20px; margin-top:15px;">
    <span style="width:40px;"></span>
</span>

span.stars, span.stars span {
    display: inline-block;
    background: url(http://www.ulmanen.fi/stuff/stars.png) 0 0px repeat-x;
    height: 16px;
}

https://jsfiddle.net/gwtd1rLc/1/

问题：内联块，因此图像显示不正确。

问题：如何重构它以便它适用于所有/大多数浏览器？

Answer 1

尝试将此用于＆lt; IE8

*zoom: 1;
*display: inline;