スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。




web拍手




一日1クリックにご協力お願いします。



[ --/--/-- --:-- ]   [編集] | スポンサー広告 | TB(-) | CM(-)

画像オンマウスで画像をうすくする方法

FW_icon.png
↑実行例(マウスをのせてください)
画像オンマウスで画像をうすくする方法
導入は続きから...



極めて簡単です。
IE、Firefox 等に対応しています。


CSS末尾に以下を追記してください。

a:hover img{
opacity:0.6;
filter: alpha(opacity=60);
}

意味:

a:hover img
a:link でリンクの文字色を変更できますが
a:hover img はリンク画像について変更できます。

opacity: 0.X;
はFirefoxやSafari、Opera 等のブラウザで見たとき、
画像オンマウスで透明度を変更するタグです。
数値は1.0までで設定、1.0 は不透明の状態です。
30%の薄さにしたい場合は
opacity:0.3;
と記入。

filter: alpha(opacity=XX);
はIEで見たときに画像オンマウスで透明度を変更するタグです。
数値は100までで設定、100が不透明の状態です。
30%の薄さにしたい場合は
filter: alpha(opacity=30);
と記入。


web拍手




一日1クリックにご協力お願いします。



[ 2010/04/20 19:04 ]   [編集] | PC系 HTML・CSS | TB(0) | CM(0)
コメントの投稿












管理者にだけ表示を許可する
返信が必要な方はチェックを外してください。
トラックバック
この記事のトラックバックURL


ブログパーツ アクセスランキング
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。