【CSS】画像を透過させる方法【filter,-moz-opacity,opacity】 HTML 知識Z(ゼータ)

トップページHTML >【CSS】画像を透過させる方法【filter,-moz-opacity,opacity】

【CSS】画像を透過させる方法【filter,-moz-opacity,opacity】

Date:2009/11/12
Category: HTML


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(ゼータ)トップへ
モッピー | お金がたまるポイントサイト
About Us

知識Z(ゼータ)は違法性のあるコンテンツ、不適切な表現の含まれるコンテンツを一切を排除した安心安全な総合優良コンテンツサイトを目指しています。細心の注意を払っておりますが、万が一、不適切なコンテンツ等がございましたら、ご一報ください。ご意見・ご連絡

当サイトは、月額1,050円で高機能・安心レンタルサーバーの【XSERVER(エックスサーバー) 】にて運営させていただいております。いつも大変ありがとうございます。

Calendar
<   2009-11   >
1234567
891011121314
15161718192021
22232425262728
2930     

Amazon.co.jp
What's New
タグ
オンラインデータ
訪問者数:0 人
投稿記事数:286 件
19709422