Есть логотип, при наведении на который выводится блок с левым меню.
Проблема в том, что это левое меню после увода мыши не убирается.
Если у LeftMenu свойство pointer-events - auto изменить на none, то он скрывается сразу когда убираешь с зоны логотипа мышку, те при наведении на левое меню тоже скрывается.
Подскажите совсем запутался( Как сделать задержку или наоборот заставить скрыться)
Вот такой структурой
<div class="pos-logo"><div class="logo"></div>
<div class="LeftMenu">
<div>
Текст
</div>
</div>
Вот с таким css
/* Модальные окна Левое меню */
.pos-logo:hover .LeftMenu{
display:block;
position:absolute;
z-index:9999;
/*pointer-events: auto;
cursor: pointer;*/
cursor: auto;
pointer-events: auto;
}
.LeftMenu {
display: none;
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
/*background: #000000;*/
z-index: 99999;
}
.LeftMenu:target {
display: block;
pointer-events: auto;
}
.LeftMenu > div {
width: 400px;
height:100%;
position: relative;
margin: 0;
padding: 14px 40px 40px 48px;
border-radius: 10px;
background: #000000;
color:#c1c1c1;
}
