Меню с подуровнями при наведении мыши только с использованием CSS

Question

Я хочу знать, возможно ли с чистым html и css (без javascript, htc files, ...) создать меню с эффектом выпадающего списка для подэлементов. Это не должно скользить или что-нибудь (я знаю, что это невозможно), просто покажите при наведении.

Редактировать: он должен работать в IE.

Спасибо!

Answer 1

Взгляните на

Выпадающее меню Pure Css без использования JavaScript

GRC - система сценариев Pure-CSS без сценариев

CSS-меню

100% чистое меню CSS без JavaScript

Я также хотел бы знать, почему вы не хотите JavaScript.

Answer 2

Это очень распространенное выпадающее меню CSS. Смотрите здесь http://menu.so/product-category/css-menu/dropdown-css-menu

Эффект парящего шоу создается с помощью селектора li>ul{display:none} li:hover>ul{display:block;}.

Answer 3

Я занимался этим пару раз ... Я тоже хотел чистый CSS, который был выложен с использованием UL и LI. Это заняло у меня некоторое время и много чтения, и я закончил тем, что написал свой собственный, основываясь на источнике многих других. К сожалению, я должен был убедиться, что он работает и в IE6.

На этом сайте есть много хороших примеров: CSSPlay

Также, вы можете посмотреть на источник для этого: CSS-меню

Шахта оказалась комбинацией нескольких.

Answer 4

Пожалуйста, посмотрите на этого создателя чистого CSS-меню: purecssmenu.com