こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

画像をホバーした時一つだけ半透明にしない

 img {
 transition: 1.0s ;
}
 img:hover {
 opacity: 0.5 ;
}
を使って画像をゆっくり半透明になるようにしています
それと
.relative {
position: relative;
}
.absolute {
position: absolute;
left: 4px;
top: 23px;
}
で画像に画像を重ねているのですが、
その時に重ねた小さい画像だけを半透明にしないようにしたいのですが
それはどうすれば良いでしょうか?

投稿日時 - 2019-10-04 19:23:29

QNo.9663688

困ってます

質問者が選んだベストアンサー

質問文内のCSSで img:hover を img:not(.no_transp):hover に書き換えます。
その後、半透明にしたくない画像にno_transpクラスを付け加えることでその画像はホバーで半透明になりません。

投稿日時 - 2019-10-04 20:18:52

お礼

無事半透明にならなくなりました
有難う御座います!!

投稿日時 - 2019-10-04 20:39:30

ANo.1

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)