html - IE 的背景大小后备

Question

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

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

Answer 1

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

Answer 2

由于您的图像是纯色的，您可以删除background-sizeand 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
}