人生は、自由に！楽しく！幸せに！創造しよう！

///////////////////////////////////////////////////////////////////////////////////////////////////////

　★当ファンブログのカスタマイズ 記録メモ4★

///////////////////////////////////////////////////////////////////////////////////////////////////////

画像にマウスオーバー時、半透明にすると、その画像を選択したことが
分かりやすくなるので、下記のように、CSSプロパティを追加しました。

また、コメントに更新日付を追加。　/* ★追加20130811*/　というように。

***************************************************************
■2013.08.11　ブログ内の画像のマウスオーバー時、半透明にする　
----------------------------------------------------------------------
「スタイルの編集」→「フリースキンの編集」の中の
「スタイルシート」のＣＳＳに追加（赤字の部分）
----------------------------------------------------------------------

/* リンクの色と装飾 */
a:link { color:#000066;text-decoration:underline; }
a:visited { color:#4D7AE0; text-decoration:underline; }
a:hover { color:#4D7AE0; text-decoration:none; }
a:active { color:#4D7AE0; text-decoration:none; }

/* ★追加20130811*/
a:hover img {
opacity: 0.5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
}
-------------------------------------------------------------------------
＜解説＞

(1)a:hover img {
aというタグ（リンクが貼られている）の上に
マウスを置いた(hover)イメージファイル（img)は

(2)opacity: 0.5;
透過度を０．５にする。（０．０：完全に透明。１．０：完全に不透明）

(3)filter: alpha(opacity=50);
IE専用の命令で、(2)と同じ意味

(4)-moz-opacity: 0.5;
}
FireFox専用の命令で、(2)と同じ意味

-------------------------------------------------------------------------
＜補足＞

filterプロパティは、Windows版Internet Explorerが独自に追加したプロパティ

　IE4以上の書式例

　　　filter:フィルタ名(必要な値)
　　　Alpha()･････透過表示にする

***************************************************************