-

透過PNGにCSSで装飾する場合、IE7・8以外(IE9は含まない)のブラウザでは、透過部分を無視した画像に対して、CSSの装飾がなされますが、IE7・8だと、透過はされていても、透過部分を含めた画像に対してCSSの装飾がされてしまいます。

この説明だけだと、わかりづらいかと思うのでW3Qロゴで例を言います。あくまで、例ですので、そこに対するツッコミはご遠慮下さい。
仮に前者の場合だと、透過PNGのW3Qロゴにborderを設定すると、透過部分は無視され、フチ文字のようになります。
後者の場合だと、透過はされますが、スライス時の四角い画像領域にborderが反映され、四角の枠の中にW3Qの文字が浮かんでいるようになってしまいます。

そこで、質問なんですが、IE7・8で、透過PNGを透過部分を無視させて(前者の状態のように)CSSを反映させる方法はありますでしょうか?
よろしくお願いします。
長文失礼しました。

みんなの回答 4 件

名無しさんの回答

Cssではなく、画像でやるのはダメ?

名無しさんの回答

と言うか「透過部分を無視した画像に対して、CSSの装飾がなされますが」とありますが、モダンブラウザでもボーダーが付くのはスライス領域に対してな気がするんですが…。

名無しさんの回答

的外れな答えだとおもうけど、こういうこと?

IEの透過PNG+opacityの不具合を治すメモ | Mach3.laBlog

http://blog.mach3.jp/2011/02/png-and-opacity-on-explorer.html
名無しさんの回答

ごめんなさいいいいいいいいいいいいいいいいいいい!!!!!!!!!!!!!!!!
本気で勘違いしてましたあああああああああああああああ!!!(;;)
真面目に考えてくださった皆さん!!!すいません!!!!!!

コメ欄で2番目にコメントくださってる方の通りです…。
勘違いさせてしまった人達は本当にすいません!!!
恥ずかしすぎて死にそうです。

名無し

ドンマイ!お疲れ!

名無し

すいません!皆様!(;;)ご迷惑をおかけしました!!!!!

最終更新日:2012-07-20 (3,228 views)

関連するトピックス

ページ上部に戻る