今回はちょいとしたメモ書きです。
サイト上に画像を配置し、リンク先を設定するようなことは多いと思います。
そんな時、ロールオーバー（ホバー）効果といってマウス（カーソル）を画像の上に持っていくだけで画像に変化があると、ユーザーさんにリンク先がある画像だと認識させやすくなります。
もちろん、画像ごとにCSSを設定することが望ましいのですが、正直面倒な作業でもあります。
そこで、手抜き方法のご紹介。
やり方は簡単。サイトの共有CSSファイルのどこかに以下のソースを記述してください。
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
すると、特にCSS指定されていない画像で、リンク設定がある場合に少し画像が明るくなります。
これは透過処理して、明るく見せているのです。
↓こんな感じ。
ちなみに８０の数字を少なくすると明るさは増します。（薄くなります）
とっても簡単で、意外と便利なので覚えておいて損はないと思います。
ではでは。
シェアクリックをお願いします。
FacebookでシェアするTwitterでつぶやくはてなブックマーク！
この記事は参考になりましたか？
この記事に対しての評価をお願いします。 
(20 投票, 評価平均値: 4.15)
読み込み中 ...Facebookページにご参加ください。
facebookではWEBビジネスに関する新着ニュースを厳選し配信しております。SEO関連・スマホアプリ・wordpress・サイトデザイン・新ビジネス等の情報収集にお役立てください。
この著者の最新の記事
アクセスRankingTOP５
-
140,809 views
-
117,850 views
-
97,910 views
-
94,737 views
-
87,877 views
ピックアップ記事
-
2014-5-30
えっ？これも！？wordpressで制作されたハイクオリティWEBサイト100選！
最近では新しいCMSがドンドン誕生してきており、その機能の進化は凄いと感じます。特にWordPres… -
2013-8-23
メルマガ配信スタンド・メール配信ASPシステム徹底比較！メルマガマーケティングとは？
メルマガ配信スタンドについて考える さて今回はメールマガジン配信について考えてみようと思います。 … -
2013-5-31
「DISQUS」で高機能コメント欄にレベルアップ！wordopress導入編
「DISQUS」というサービスをご存知でしょうか？ wordpressデザインを学ぶための超有名ブ… -
2013-5-23
ワードプレステンプレート「TCDさんのwordpressテーマ」が素晴らしすぎる件
当サイトは既にご承知の通りwordpressという無料CMSツールを活用して構成されております。 …
(平均：4.43点)
