我对圆角图形有一个奇怪的问题。
我有一个 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 看起来不错,奇怪的是。