css repeat-y 在 IE8 中不工作

Question

我正在使用一个 div 标签，我正在向它应用 css。 请在 div 标签下方找到

<div class="testcss">
</div>

我的css类如下

.testcss
{
     background-image: url('images/imag2.gif');
     background-repeat: repeat-y;
     background-position: bottom-left;
     padding-left: 10px;
     padding-right: 10px;
}

div 显示背景图像并在 Mozilla 其他浏览器中正常显示，但在 IE8 和 IE9 中无法正常工作。 即使它在 IE10 中工作正常。 background-repeat 存在一些问题:repeat-y 在 IE8 和 IE9 中无法正常工作。 有什么方法可以在 IE8 和 IE9 中解决这个问题。

如有任何帮助，我们将不胜感激。

提前致谢。

问候， 拉胡拉提

Answer 1

我相信你的语法是错误的，不..它应该在 IE8 和 IE9 中工作......尝试:

.testcss {
    background: url('images/imag2.gif') bottom left repeat-y;
    padding-left: 10px;
    padding-right: 10px;
}

http://jsfiddle.net/feitla/85XFu/

PS - 在 IE9 中测试...背景重复就好了。如果您的 div 为空，请确保它确实具有设置的高度/宽度。