css - 10x1 透明背景图像 repeat-x 是什么原因？

Question

我很好奇为什么这个页面使用 10x1 图像作为 repeat-x 背景。请参见 .intro-frame 类 div。

http://www.psd2html.com/templates/psd2html/examples/markup/rightbanners/index.htm

<div class="intro-frame">

.intro-frame {
background: url("../images/separator-04.png") repeat-x scroll 0 0 transparent;
border-top: 1px solid #000000;
padding: 1px 0 0;
position: relative;
}

separator-04.png 是 10x1 透明 png 图像。我查过了。我在这里看不出使用这种图像的目的。有人知道吗？

Answer 1

这是因为一个已知的 Internet Explorer 透明度错误。请参阅:IE 8 specific background-image bug

一个非常奇怪的情况是，小于 1x10 的重复/平铺背景图像不会呈现。将背景图像大小设置为 1x10(或更大)会使问题消失。