带有透明度的IE背景图像

Question

为什么这个简单的代码行可以在firefox e.t.c中完美工作，但是在IE中会产生一些奇怪的淡入淡出问题。

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

它像透明度是在一个角落开始，但随后它逐渐淡出...非常讨厌！

Answer 1

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

这是因为你有一个1x1背景png与透明度。出于某种原因，IE8在这些方面做了大量工作，并将它们作为大面积的渐变梯度应用。

奇怪的是，解决方案只是简单地将背景.png文件放大一些。 1x2或2x1将做到这一点。为了对浏览器更好，一些更大的东西可能更好，10x10或20x20也许，因为这意味着他们不必在整个背景中渲染它很多次。