0

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

我有一个 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 看起来不错,奇怪的是。

4

1 回答 1

1

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

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

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

还可以查看这个网站,http://www.domedia.org/oveklykken/css-transparency.php

于 2009-08-24T11:20:43.687 回答