我对带有圆 Angular 的图形有一个奇怪的问题。
我有一个正文设置为透明的 HTML 页面 (style="filter:alpha(opacity=100);opacity:100;background-color:transparent;") 并且在这个正文中是一个带有 PNG 图像的 div圆 Angular ，边缘透明，以便与背景正确过渡。
此 HTML 页面包含在另一个 HTML 页面之上的 iFrame 中，因此我希望 iFrame 中包含的透明图像能够显示出来，从而使圆形图像与背景(图像)正确过渡调用 iFrame 的页面(因此 iFrame 中的主体具有透明背景)。
这实际上工作正常，除了圆 Angular 的透明度。出于某种原因，圆 Angular 周围有一个非常精细但明显的锯齿状黑色边缘，就好像在上面放了黑色哑光一样。
我也尝试过使用透明 GIF，但得到的是锯齿状的白色边缘。
有没有人曾经尝试过做这样的事情，并且成功了？如果是这样，我很想听听如何做。
编辑 这是结果的链接:image 带叶子的图像是调用 HTML 的背景图像 (Flash)。搜索框包含一个透明背景的 iFrame。
这发生在 IE7 上。奇怪的是，Firefox 似乎还不错。
最佳答案
您已将 body 标签的透明度设置为 100...这意味着它不是透明的，要使其完全透明，您必须将其设置为 0。但这样做会导致 body 标签中包含所有元素也要透明。
我认为发生了类似的事情，搜索框继承了您设置的不透明度属性。
如果您删除不透明度设置会发生什么？
另请查看此网站，http://www.domedia.org/oveklykken/css-transparency.php
关于css - 透明背景上的透明图像问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1321387/