透明背景上的透明图像问题

时间:2009-08-24 09:38:24

标签: css iframe png transparency gif

对于带圆角的图形,我有一个奇怪的问题。

我有一个HTML页面,其中正文设置为透明(style =“filter:alpha(opacity = 100); opacity:100; background-color:transparent;”)并且在此正文中是一个带有PNG图像的div带圆角,边缘有透明度,以便与背景正确过渡。

此HTML页面包含在另一个HTML页面顶部的iFrame中,因此我希望iFrame中包含的透明图像能够透过,因此圆角图像可以正确地转换为背景(即图像)正在调用iFrame的页面(因此iFrame中的主体具有透明背景)。

这实际上工作正常,除了圆角的透明度。出于某种原因,在圆角处有一个非常精细但明显的锯齿状黑色边缘,好像有一个黑色遮罩。

我也尝试过使用透明的GIF,但却变成了锯齿状的白色边缘。

有没有人曾尝试过这样的事情,并让它发挥作用?如果是这样,我很想听听。

修改 以下是结果的链接:image 带叶子的图像是调用HTML的背景图像(Flash)。搜索框包含一个具有透明背景的iFrame。

这在IE7上发生。 Firefox似乎没问题,奇怪的是。

1 个答案:

答案 0 :(得分:1)

您已将body标签上的Transparency设置为100 ...这意味着它不透明,因为它必须完全透明,您必须将其设置为0.但这样做会导致body标签中包含所有元素也是透明的。

我认为发生了类似的事情,搜索框继承了您设置的opacity属性。

如果删除不透明度设置会发生什么?

另请查看此网站http://www.domedia.org/oveklykken/css-transparency.php