具有透明度的 IE 背景图像

Question

为什么这行简单的代码在 firefox et.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，因为这意味着它们不必在背景中多次渲染。