Почему блок не появляется при наведении?

Question

[ma1zahar]

Как сделать так, чтобы при наведении на Блок 1 появлялись Блок 2и Блок 3, но дальше при перемещении мышки на Блок 3, Блок 2 не исчезал?

Comments

[Danny Arty]

так у вас же все работает итак

[ma1zahar]

Danny Arty, ну, у меня зелёный блок исчезает при наведении на синий, а мне нужно, чтобы не исчезал Т_Т

Answer 1

[Александр Лелека]

В данной структуре html не получится сделать средствами css, только через js, jquery

Или же измените структуру html

<div id="content">
  <div class="one">
     <div class="two"></div>
     <div class="three"></div>
  </div> 
</div>

.one:hover .two,
.one:hover .three{
display: block;
}

Comments

[Александр Лелека]

Хотя можно попробовать обернуть в инлайновым елемент.
Не уверен что сработает, но стоит попробовать.

<div id="content">
<span>
  <div class="one">
    <div class="two"></div>
  </div>
  <div class="three"></div> 
</span>
</div>

span:hover .two{ display: block}
span:hover .three{ display: block}

[Ankhena]

Александр Лелека, div нельзя вкладывать в span. Замените span на div.
Да и абсолютно-позиционированные блоки никогда инлайнами не будут.