【发布时间】：2010-11-22 05:24:42
【问题描述】：
我对圆角图形有一个奇怪的问题。
我有一个 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 似乎还可以，这很奇怪。
【问题讨论】：
-
你能给我们（链接到）图片吗？另外，这在浏览器之间是否一致？
-
您使用哪种浏览器？ IE6 无法处理 png。
-
@stefita，IE6 可以在一些帮助下处理它们。请参阅下面的答案。
-
对不起，我应该说它只在 IE 上发生，但在 IE7 上。因为我知道 IE6 不能处理 PNG，除非你使用一些修复（我已经） .会整理出图片链接。
-
@Ian Devlin：我指的是原始图像，而不是结果。
标签： css iframe png transparency gif