I have an hover filter opacity on ul but how update on ul > li > a:hover filter opacity?

HTML-CSS
#1

https://jsfiddle.net/bh64cnrv/

Like above I want apply that background: red; for example to update filter: opacity(50%); on ul with hover when hover on icons that way remove opacity from ul? Above example just change background to red but there still an filter: opacity(100%); that why not update ul filter opacity? set before? So i want to be red on hover and also filter: opacity(100%).

Any idea?

Thank you!

#2

It looks like it’s already in place. What needs done? Like this? https://jsfiddle.net/dcjz5yav/

#3



As you see is stay filter: opacity(50%); with hover from .div_plus_social:hover>ul. The red background is fine but filter: opacity(100%); is not apply from .div_plus_social > ul > li > a:hover

#4

Ok, I see the ul is faded out. Like this? https://jsfiddle.net/jqz5sv2t/ There, that’s the right link.

1 Like
#5

Yes! What you modify on it :D? the first selector?

1 Like
#6

The top mainly. See, it’s on the li instead of the ul. And at the bottom, don’t know if it’s needed though, I added !important.

#7