ie7 Png透明度图像

时间:2009-09-28 21:41:32

标签: internet-explorer-7 png transparency

PNG图像透明度在IE7上不起作用。在IE7上看起来像这样:

http://websitehelp.techgrowthglobal.com/bc_developers/index.html

在身体的右侧部分,顶部有一个弯曲的图像-a1

在中心是重复png背景,在底部是曲线也是a3

它在IE7上不起作用。

2 个答案:

答案 0 :(得分:1)

我的所有PNG文件都出现404错误。我相信这里的答案是..检查你的代码中是否正确引用了它们的路径...因为IE7有一个“非常可靠”的(see here) PNG支持实现。

点击此处查看404 .. http://websitehelp.techgrowthglobal.com/bc_developers/images/bg_curve1b.png

答案 1 :(得分:0)

它认为这是您背景图片的网址。 IE 6,很可能是7,错误地将CSS文件中的相对URL视为相对于文档的位置,而不是相对于CSS文件的位置(the correct way according to CSS 2.1)。在您的情况下,您的CSS包含

之类的路径
../images/some-image-file.png

相对于CSS URL路径

/bc_developers/css/global.css

这应该解决

/bc_developers/images/some-image-file.png

但正如您的文件位于

 /bc_developers/index.html

在IE中,路径将解析为

/images/some-image-file.png

导致snicker描述的404.

更改CSS中的相对路径
../images/some-image-file.png

到绝对路径,如

/bc_developers/images/some-image-file.png 

应该解决问题。