Как я могу сделать вкладки CSS с выпадающими меню без Javascript?

см. этот http://www.lwis.net/free-css-drop-down-menu/dropdown.nvidia.com.html

это чистый css. см. исходный код, чтобы понять.

Это построено с помощью бесплатного каркаса выпадающего меню css http://www.lwis.net/free-css-drop-down-menu/

Минимальный код JavaScript только для IE 6 или более ранней версии. Все остальное — чистый CSS.

если вам нужен чистый css во всех браузерах, включая IE 6, попробуйте это

http://www.cssplay.co.uk/menus/new-dropdown.html

но у него есть некоторые ограничения

Изменить:

Это также чистое меню css.

http://www.grc.com/menu2/invitro.htm

Сюда входят IE5.x, IE6, бета-версии IE7, все старые и новые Netscape, Mozilla, Firefox (на платформах ПК и Linux), Opera, Safari и многие другие браузеры для Mac.

Вот одно из Решение

Попробуйте Suckerfish, для Internet Explorer требуется Javascript, так как более старые версии поддерживают только :hover по ссылкам.

В основном вам нужно использовать псевдокласс hover для тега привязки. Чтобы избежать использования javascript, вам нужно убедиться, что навигация структурирована, чтобы якоря могли это делать, поскольку в ie6 это единственный элемент, который позволяет наведение. Таким образом, используя CSS для выключенного состояния, вы устанавливаете элемент, содержащий раскрывающийся список, для display: none, а затем при наведении вы устанавливаете его для display: block;

На самом деле это довольно просто — самое сложное — расположить раскрывающийся список там, где вы хотите.