【CSS】画像を透過させる方法【filter,-moz-opacity,opacity】
CSSを使って画像を透過させることができます。
画像設置タグ
<div class="test">
<a href="/"><img src="http://hogehoge.com/hoge/hoge.jpg" /></a>
</div>
■CSS
.test a:hover img{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
解説をすると、
filterがIE用、-moz-opacityがFirefox用、opacityがSafari,Opera用とそれぞれなっています。
「50」,「0.5」の値を変えれば透過の度合いを変えられます。
【CSS】画像を透過させる方法【filter,-moz-opacity,opacity】 の関連記事
No related items.
コメント
No comments yet
コメントする
次項 【EC-CUBE】価格検索を実装したらモバイル商品一覧にエラー
前項 【SEO】スパムか？順位が下がった！【Google】
▲知識Ｚ（ゼータ）トップへ
】にて運営させていただいております。いつも大変ありがとうございます。
