невидимое меню

[Dagedra]

хочу сделать так, чтобы меню появлялось при наведении мышки и пропадало при убирании мышки. при использовании такой конструкции меню пропадает и не появляется

#side {visibility: hidden; }
#side:hover { visibility: visible !important;}

если попробовать наоборот, меню видимое, а при наведении пропадает, то меню начинает мерцать, не пропадая больше чем на несколько секунд. участие класса .bordered ситуацию не изменило.

@темы: меню

Comments

[MysteryLove]

В данном случае лучше, наверное, сделать невидимым содержимое меню, а при наведении мышки на меню оно бы появлялось. К примеру так:
#side .bordered {visibility: hidden; }
#side:hover .bordered {visibility: visible !important; }
Еще при такой конструкции получилось:
#side a {visibility: hidden; }
#side:hover a {visibility: visible !important; }
Главное, чтобы содержимое меню, которое делается невидимым, было полностью в рамках самого меню (ну или того элемента, которому приписывается :hover), просто если будут элементы, вынесенные за пределы меню, на них наведение не подействует, т.к. они будут невредимыми.
Можно, кстати, еще попробовать использовать прозрачность:
#side {opacity: 0; }
#side:hover {opacity: 1; }

[Dagedra]

MysteryLove, ооо, спасибо огромное!

[Dagedra]

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

[MysteryLove]

Dagedra, задайте для #side .bordered параметр position: relative, можно любое другое значение, кроме static. На элементы, у которых position: static (а изначальное значение у #side .bordered как раз это) не действует z-index.

[Dagedra]

MysteryLove, ой, а ларчик просто открывался-то! спасибо огромное!

[MysteryLove]

Dagedra, я сама не сразу разобралась) Пожалуйста