Отображение раскрывающегося меню на изображение

Question

У меня есть строка меню, которая немного повернута. Вот две кнопки в качестве примера:

Меню http://img130.imageshack.us/img130/4820/dropdownf.jpg

В результате я не могу использовать обычный HTML для обработки этого. Мне нужно использовать <map> для размещения гиперссылок над частями меню. (Или мне не хватает убойной функции CSS, о которой я не знаю?)

Я хочу сопоставить выпадающие меню с этими кнопками. Это выглядит как хороший способ реализовать выпадающие меню: http://javascript -array.com / scripts / simple_drop_down_menu /

Однако, это не работает на <map> s, я полагаю. Или я не прав? Есть ли другой подход, который я могу использовать для создания раскрывающихся меню для строки меню, которая не выровнена по горизонтали?

Answer 1

Как насчет разбиения навигации на несколько изображений ... один пункт меню для каждого изображения? Тогда вы можете создать выпадающий список для каждого изображения, а не использовать карту изображений. Это также даст вам дополнительное преимущество превращения вашей навигации в список, что будет более семантическим.

Answer 2

Может быть, эта ссылка может вам помочь

http://www.smartwebby.com/dhtml/drop_down_menus.asp#explanation

http://www.cssplay.co.uk/menus/image-map-menu.html

Answer 3

Вы хотите, чтобы выпадающие меню каскадно располагались также под углом? если это так, я думаю, что вам не повезло в обычном HTML / CSS.

Если вы открыты для Canvas и SVG, есть несколько вариантов, но у вас не будет поддержки в IE до IE9 (только SVG, без Cavas AFAIK)