http://jsfiddle.net/PaulNLondon/dG3Gb/
jsFiddle показывает (надеюсь, я впервые использую его), где я до сих пор дошел. , , Я пытаюсь использовать основанное на изображениях меню и текстовое меню для одновременного нажатия клавиш.
Мне не удалось показать это в jsFiddle, но я использую изображения, в два раза превышающие высоту делений, в которых они отображаются, и меняю позицию при наведении курсора, чтобы показать альтернативную версию изображения - в jsfiddle what Я просто раскрасил фоны div, чтобы показать их расположение. Они расположены очень конкретно, чтобы дать желаемый визуальный эффект с непрерывностью одного к другому. (Перекрытие текста заголовка страницы и первого блока изображения в jsFiddle не является проблемой.)
Моя цель состоит в том, чтобы при наведении курсора на изображение включить толстое подчеркивание соответствующего элемента текстового меню (я использовал настройку нижней границы), а также смещение изображения для отображения альтернативного изображения в самом меню изображения. , , И Я хочу, чтобы наведите курсор на элемент в текстовом меню, чтобы включить подчеркивание самого текста пункта меню. И сделать соответствующее изображение в меню изображения для переключения на альтернативное изображение. .
Я думал, что я почти достиг цели, когда наведите курсор на изображение, включив подчеркивание, но кажется, что div с позиционированием div, который я разработал, правильно отображает только Firefox (как вы можете видеть, выравнивание не работает в jsFiddle ).
Буду признателен за любые ваши предложения, даже если вы скажете мне, что, по вашему мнению, мой подход неверен. Я нахожусь на пределе моих CSS и HTML здесь. Я действительно не знаю никакого JavaScript (кроме того, что я использовал его и jQuery для слайд-шоу, которое я нашел в Dynamicdrive).