10x1透明背景图像重复-x的原因是什么？
提问于 2012-01-30 15:45:04
我很好奇为什么这个页面使用10x1的图像作为repeat-x背景。请参见.troo-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图像。我检查过了。我看不出在这里使用这样的图像有什么用处。有人知道吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-01-31 11:52:20
这是由于已知的Internet Explorer透明度错误造成的。请参阅：IE 8 specific background-image bug
这是一个非常奇怪的情况，小于1x10的重复/平铺背景图像将无法渲染。设置背景图像大小为1x10 (或更大)会导致问题消失。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/9066525
复制
腾讯云开发者
