Question

How can I do something like: when cursor pass over container div another div inside that container has other properties, For example I have a container div that contain another div with a background picture with opacity 0.2. I want to make child div,when cursor pass over container, visible 100% with properties opacity:1;
How can I do that?

Here is an example but unfortunately it works only if I pass cursor over child div:

http://jsfiddle.net/Vqmaw/2129/

Answer 1

Change the #maifis:hover rule to #container:hover #maifis. That basically means that when the #container is hovered, apply the rules to its child #maifis.

Working demo: jsFiddle