Có thể thực hiện menu thả xuống không có Javascript hoặc Jquery

Question

Chúng tôi có yêu cầu không sử dụng javascript cho các trình đơn thả xuống. Yêu cầu này là do giá trị SEO đáng giá.

Có cách nào để đạt được điều này với thuần túy css và làm cho nó hoạt động trên tất cả các trình duyệt.

Tôi đã thử với tính năng di chuột qua và di chuột qua, nhưng không hoạt động trong IE7. nó chỉ hoạt động trong Firefox.

Bạn có thể tư vấn hoặc đưa ra chỉ dẫn về giải pháp tốt hay không.

cảm ơn

Answer 1

Vâng.

xem: http://www.cssplay.co.uk/menus/dropdown.html

Answer 2

Điều gì về HTML thuần túy?

<select name="myDropdown"> 
    <option value="1">Option 1</option> 
    <option value="2">Option 2</option> 
</select> 

Answer 3

Có lẽ điều này sẽ làm việc cho bạn

http://www.cssplay.co.uk/menus/final_drop.html

Answer 4

Bạn có thể làm điều đó chỉ với CSS

#item { 
    display: none; 
} 

#item:hover { 
    display: block 
} 

Cũng có một cái nhìn ở đây:

http://lwis.net/free-css-drop-down-menu/

Bạn có thể phải đối mặt với một vấn đề với IE6 cho di chuột qua phần tử HTML khác nhau, do đó bạn có thể sử dụng hack này/sửa chữa

http://www.xs4all.nl/~peterned/csshover.html

Tôi thử nghiệm này: http://lwis.net/free-css-drop-down-menu/dropdown.simple.horizontal.html

công trình thuộc IE 6/7/8 , được thử nghiệm với IETester