2009-08-24 18 views
0

角が丸いグラフィックに奇妙な問題があります。透明な背景に透明な画像が付いている問題

ボディに透明(スタイル= "フィルタ:アルファ(不透明度= 100);不透明度:100;背景色:透明;)を設定したHTMLページがあり、このボディ内にPNG丸みを帯びたコーナーのイメージで、エッジが透明になるため、背景とともに正しくトランジションされます。

このHTMLページは、別のHTMLページの上にあるiFrameに含まれています。そのため、iFrameに含まれている透明な画像が透けて見えるようにします。 iFrameを呼び出すページ(したがって、iFrame内の本文には透明な背景があります)。

丸みを帯びたコーナーの透明度を除いて、これは実際には問題ありません。なんらかの理由で、黒いマットが置かれているかのように、丸みを帯びたコーナーの周りには、非常に上手くはっきりとしたギザギザの黒い縁があります。

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

これまでにこのようなことを試みたことがありますか?もしそうなら、私はどのように聞くのが大好きです。

EDIT は、ここでの結果へのリンクです:葉image 画像は、呼び出し元のHTMLの背景画像(フラッシュ)です。検索ボックスには、背景が透明なiFrameが含まれています。

これはIE7で発生します。 Firefoxは、奇妙なことに大丈夫です。

+0

http://www.domedia.org/oveklykken/css-transparency.phpはあなたが私たちの絵(へのリンク)を与えることができ、アウトこのウェブサイトをチェック!また、これはブラウザ間で一貫していますか? – balpha

+0

どのブラウザをお使いですか? IE6はpngを処理できません。 – stefita

+0

@stefita、IE6 *は何らかの援助でそれらを処理できます。下の私の答えを見てください。 – Sampson

答えて

1

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

私は同じことが起こっていると思います。検索ボックスは、設定した不透明属性を継承しています。

不透明度設定を削除した場合はどうなりますか?

また

+0

ええ、ありがとう、私の間違い、その価値は明らかに必要ではありません! これらを削除すると、残念なことに同じ結果になります。 このリンクをありがとうございますが、rgbaは違いがないようです。 –