CSSで透明度を操る

css

opacity

CSSで透明度を設定するにはopacityを使えばよいらしい。
以下のような画像がある場合

<img id="hoge" src="hoge.jpg">

こんな感じでCSSを書けばいいみたい。
以下の例は画像を透明にしてまったく消してしまっている。
値を大きくすると透明度が小さくなっていくようです。

#hoge{
  opacity: 0;
}

IE対応

上記の例はFireFoxで確認したところ問題なく動作したのですがIEでは透明になりませんでした。
IEに対応させるにはfilterというものを設定する必要があるらしいです。
こんな感じで、

#hoge{
    filter:(opacity=0);
    opacity: 0;
}

透明度を操れれば表現力アップ間違いなしですね。