Размещение элемента div (с элементами div внутри него, имеющими действия при наведении курсора мыши) поверх других элеме ⇐ CSS

[Anonymous]

Я работал над этим всю ночь, и теперь у меня есть единственный код для этого конкретного раздела:

Код: Выделить всё

.container {
height: 100%;
width: 100%;
background: transparent;
font: verdana;
font-size: 12pt;
}

.left, .right {
width: 50%;
padding: 0px;
box-sizing: border-box;
positions: relative;
}

.left {
background-color: transparent;
color: var;
}

.right {
background-color: transparent;
color: var;
opacity: 0;
transition: opacity 0.8s;
position: absolute;
left: 50%;
top: 0;
width: 50%;
height: 100%;
pointer-events: none;
}

.item {
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
transition: backgroubd color 0.8s;
}

Код: Выделить всё

Content

Content to be shown/hidden

он ​​работает для загрузки скрытых элементов div при наведении, но это не так заставить их уйти, если не навести указатель мыши на текст... какие есть еще варианты сделать это? заранее спасибо.

Подробнее здесь: https://stackoverflow.com/questions/793 ... other-divs