IE的背景大小后备

Question

我有menu here。我为每个父li设置了一个背景图像（然后我为背景大小的高度设置了一个高值，因为子菜单在2行上有一些条目，高度的高值补偿了这一点）。问题是IE不支持后台大小，所以我明白了：

我该如何解决这个问题？我试图创建一个更高的背景图像，但不会改变任何东西。

Answer 1

从IE9开始，IE确实支持background-size。对于IE8及更低版本，您可以尝试background-size polyfill。看来你的情况根本不需要background-size。只需使用rgba()用于IE9 +并重复IE8的PNG-24背景 - 。

Answer 2

由于您的图片是纯色，您只需删除background-size和background-repeat: none（即让它重复）。

或者，你可以取消使用background-image并使用透明的背景颜色：

.test {
    background: rgb(255, 255, 255); // solid white fallback for old browsers
    background: rgba(255, 255, 255, 0.5); // 50% transparent white
}