IE中的CSS问题

Question

我不能为我的生活找出为什么指定一个图像作为链接的背景，它看起来像这样的IE，并看看它应该为每个其他浏览器的方式。顶部图像是IE，底部是其他所有浏览器。看看文本，它背后应该有一个透明的PNG，我把它设置为重复。如果您想查看代码，请输入以下网址：http://flesheatingzipper.com

Answer 1

我敢打赌，这不是CSS问题。我的猜测是它的png问题。根据您使用的IE版本，渲染会有所不同。在IE中早期的PNG并不漂亮。特别是在透明度方面。我不确定你为什么要使用这种方法。我建议使用全css方法。您应该使用以下css属性将css背景颜色调整为所需的透明度：

filter: alpha(opacity=50); /* internet explorer */
-khtml-opacity: 0.5;      /* khtml, old safari */
-moz-opacity: 0.5;       /* mozilla, netscape */
opacity: 0.5;           /* fx, safari, opera */

我认为从长远来看，你会发现这种方法更清洁，更容易，通用输出更多。

编辑：正如我们所指出的那样，我的上述推荐方法存在一个小问题，但使用此处描述的技术可能更容易让您当前的方法工作：http://www.daltonlp.com/view/217

Answer 2

尝试对重复的背景使用2x2px png图像，看起来就像这里描述的错误：http://www.rachaelarnold.com/dev/archive/ie-gradient-bug-with-png-24

Answer 3

由于它是纯色，我会避免使用图像并使用RGBA颜色：

http://24ways.org/2009/working-with-rgba-colour

至于IE，你没有说哪个版本，但是IE6和IE7都对PNG文件中的alpha透明度有非常不稳定的支持。有很多方法可以让它们起作用，尽管大多数方法仍然无法重复作为背景。您可以尝试使用一个较大的图像，而不是重复一个小图像。

或者，务实。使用RGBA，让IE降级为纯色。我们需要停止为IE用户提供服务;）