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

Question

我很好奇为什么这个页面使用10x1图像作为repeat-x背景。请参阅.intro-frame class 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（或更大）会导致问题消失。