я в верстке около года — еще новичок и у меня такой вопрос по css — как сделать так, чтобы при наведении курсора отображался слой, который был невидим

Оценить:|
  
Комментировать
Раздел: Помощь    
Просмотров: 1308
Комментариев (2)
  1. Greg
    Григорий Кочнев [Greg]
    10.07.2011 в 11:50

    Типа как выпадающее меню или попап? При наведении, чтоб выпадало?
    Если да, то через свойство :hover

    .popup {display:none;}
    .block:hover .popup {display:block;}

    Т.е. при наведении курсора на блок с классом «block», блок «popup» отображается на странице, до этого он был скрыт через display:none;
    Появляющийся блок лучше делать через position:absolute;

    Пример такого меню на CSS:
    https://wolta.de/

    • Deff
      Андрей Данилов [Deff]
      11.07.2011 в 01:25

      Однако ИЕ6 поддерживает псевдокласс :hover только для элементов, имеющих аттрибут href=»». Поэтому, если нужна поддержка ИЕ6, либо используем яваскрипт (лучше целые фреймворки) или располагаем выпадалку внутри тега < a > (для вложенных меню не проканает, конечно)

Оставить комментарий