2009-08-24 279 views
0

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

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

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

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

有没有人曾经试图做过这样的事情,并得到它的工作?如果是这样,我很想听听。

编辑 下面是结果的链接:image 图像与叶子是调用了HTML的背景图片(闪存)。搜索框包含一个透明背景的iFrame。

这发生在IE7上。 Firefox似乎很好,很奇怪。

+0

你能不能给我们(链接到)了吗?另外,这是浏览器之间的一致吗? – balpha 2009-08-24 09:40:53

+0

您使用哪个浏览器? IE6无法处理PNG。 – stefita 2009-08-24 09:42:14

+0

@stefita,IE6 *可以*通过一些帮助处理它们。请参阅下面的答案。 – Sampson 2009-08-24 09:47:45

回答

1

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

我觉得类似的情况正在发生,搜索框正在继承您设置的不透明属性。

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

还要检查这个网站了,http://www.domedia.org/oveklykken/css-transparency.php

+0

是的,谢谢你,我的错误,这些价值显然是不需要的! 不幸的是,删除它们会导致相同的结果。 感谢您的链接,但rgba似乎没有任何区别。 – 2009-08-24 12:28:51