【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
コメントする
次項 【css】list横並び設定で縦位置を指定する【リスト】
前項 【フォント】meiryoが綺麗に見えない!きたない!【メイリオ】
▲知識Z(ゼータ)トップへ