IE 的背景大小后备

Question

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

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

Answer 1

IE 从 IE9 开始支持 background-size。对于 IE8 及更低版本，您可以尝试background-size polyfill。不过，您的情况似乎根本不需要background-size。 IE9+ 使用rgba()，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
}