透過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番目にコメントくださってる方の通りです…。
勘違いさせてしまった人達は本当にすいません!!!
恥ずかしすぎて死にそうです。
関連するトピックス