IE背景图像与透明度

时间:2009-12-30 23:15:29

标签: css internet-explorer

为什么这个简单的代码行在firefox e.t.c中完美运行,但在IE中它会产生一些奇怪的淡入淡出问题。

#content { background:url(images/bg-trans.png) repeat; padding:25px 21px; width:918px; overflow:hidden; }

就像透明度从一个角落开始,然后逐渐消失......非常烦人!!!

1 个答案:

答案 0 :(得分:6)

我在IE8之前遇到过这个问题。

这是因为你有一个带透明度的1x1背景png。出于某种原因,IE8会对这些产生影响,并将它们作为渐变渐变应用于大面积区域。

奇怪的是,解决方案是简单地使你的背景.png文件更大。 1x2或2x1会做到这一点。为了对浏览器好一点,有点大一些更好,10x10或20x20可能,因为这意味着他们不必在后台渲染这么多次。