0


0

角が丸いグラフィックに関する奇妙な問題があります。

本文が透明(style = "filter:alpha(opacity = 100); opacity:100; background-color:transparent;")に設定されたHTMLページがあり、この本文の中には角が丸いPNG画像のdivがあります。背景が正しく遷移するように、端を透明にします。

このHTMLページは別のHTMLページの上にあるiFrame内に含まれているので、iFrame内に含まれている透明な画像が透けて見えるようにし、丸みを帯びた画像をページの背景(画像)に合わせて正しく移動しますiFrameを呼び出す(したがって、iFrame内の本文は透明な背景を持ちます)。

丸みを帯びた角の透明度を除いて、これは実際にうまくいきます。 何らかの理由で、まるで黒いつや消しがかかっているかのように、丸みを帯びた角の周りに非常に細かいが目立つ黒い縁取りがあります。

透明なGIFでも試しましたが、代わりに白いエッジがギザギザになります。

誰かが以前にこのようなことをやろうとしたことがあり、それが機能するようになりましたか。 もしそうなら、私は方法を聞きたいです。

  • EDIT *結果へのリンクは次のとおりです。 検索ボックスには、背景が透明のiFrameが含まれています。

これはIE7で起こります。 Firefoxは問題ないようです。

1 Answer


1


bodyタグの透明度を100に設定しました。 これは透明ではないことを意味します。完全に透明にするには、0に設定する必要があります。 しかしこれを行うと、bodyタグに含まれるすべての要素も透明になります。

似たようなことが起こっていると思います、検索ボックスはあなたが設定したopacity属性を継承しています。

不透明度の設定を削除するとどうなりますか?

また、このウェブサイトをチェックしてください。http://www.domedia.org/oveklykken/css-transparency.php