画像をhoverで半透明化させているのですが、ロゴだけは半透明にしたくなかったのでその方法。
:not()<否定疑似クラス>を使うことで、1つだけ(複数でも指定した分だけ)除外することができるらしい。
参考サイト Webpark
ロゴだけクラス名(class="logo")を指定して、cssで:not(.logo)を使って除外しました。
html
<a href="index.html" class="logo"><img src="img/logo.png" /></a>
a:hover:not(.logo) {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}
HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。
- 作者: 赤間公太郎,原一宣。,こもりまさあき
- 出版社/メーカー: エムディエヌコーポレーション
- 発売日: 2013/09/20
- メディア: 単行本
- この商品を含むブログ (1件) を見る