ふわふわぷかぷか

最近はイラレとAeにはまってます。

画像の半透明化を1つだけ除外する方法。

画像をhoverで半透明化させているのですが、ロゴだけは半透明にしたくなかったのでその方法。

:not()<否定疑似クラス>を使うことで、1つだけ(複数でも指定した分だけ)除外することができるらしい。

参考サイト Webpark

 

ロゴだけクラス名(class="logo")を指定して、cssで:not(.logo)を使って除外しました。

html

<a href="index.html" class="logo"><img src="img/logo.png" /></a>

 

css

a:hover:not(.logo) {
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}

 

HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。

HTML5+CSS3の新しい教科書 基礎から覚える、深く理解できる。