透過GIF素材の背景が透けません

素材をご自身で加工した場合や、アップロードすることでリサイズ等の補正がかかる機能を利用した場合は、その際に「画像から透過の効果そのものが失われている」可能性があります。
透過GIF素材を加工する場合は、透過GIF形式で保存できるソフトをご利用ください。

加工を一切していなのに背景色がついている場合は、透過GIF素材に「背景色」を設定している可能性があります。

たとえばスタイルシートを以下のように書いた場合、

background : #FFFFFF url(画像名.gif) ;

画像の背景に「#FFFFFF」(白)という背景色がついています。

画像自体は透過していても、その画像の下地となる部分に背景色が指定されている状態です。
透過の効果を活かしたい場合は背景色の指定(カラーコード)を外すか、 場合によっては、スタイルシートの「background-color : transparent ;」(透明)などを設定してください。

なお、「透過GIF」の「透過」とは、半透明のフィルタがかかる効果のことではありません。
たまに、「透過=半透明に見えること」と思われている方からご質問をいただきますが、透過GIF画像ではそうした表現はできません。

スポンサーリンク
レスポンシブ