2010-04-11 2 views
-4

Я работаю над этим сайтом philippedecor.com, и мне трудно понять эту проблему css. Когда я наводил указатель мыши на «Основные категории», который отображается справа, он показывает выпадающее меню со ссылками. Две вещи случаются, 1) в IE (7) - выпадающий скрывается за другим div 2) в обоих случаях и в ff он подталкивает другой div ниже того, чтобы спуститься вниз и по мыши, это выглядит отлично.css issue для выравнивания divs

Я не уверен, какое свойство css может исправить это.

пожалуйста, помогите мне

+2

Конечно, просто добавьте код на свой пост или разместите ссылку рабочего сайта. –

+0

Когда я добрался до philippdecor.com, я получил 404 –

+0

случайное предположение: position: absolute and z-index: 10 –

ответ

1

В следующий раз, пожалуйста, ваш URL кликабельный: http://philippedecor.com/

В Firefox, я вижу крошечный фон, показывая через меню as you can see. Мышь над этой вещью вызывает событие mouseout, закрывая меню. В IE 7 я не вижу эффект push-down, только скрытие меню под панелью Flash и все под ним.

Чтобы предотвратить нажатие других элементов на вашей странице, вы должны использовать position: absolute на #downmenu и, возможно, включить его в раздел, содержащий «Основные категории», чтобы разместить его в нужном месте. Использовать подходящий z-index, скорее всего, предотвратит выпадающее меню из другого div в IE (непроверено, поскольку у меня нет инструмента для отладки для IE в университете, где я набираю это сообщение сейчас).

Кроме того, я думаю, что вы не должны использовать два меню, содержащие точно такой же контент, который может ввести в заблуждение посетителей вашего сайта (на самом деле, я не читал ваше сообщение достаточно хорошо и ухаживал за левым экземпляром). Кроме того, вы не должны помещать текст в изображения без предоставления альтернативных текстов, устройства для чтения с экрана и т. Д. Не могут «видеть» его таким образом (желательно использовать подходящий image replacement technique). И все эти   s в li s совершенно не нужны, а не в соответствии с правилами для семантического HTML; просто используйте padding на них или что-то в этом роде. Кстати, вы должны сделать округленные курсоры «Основные категории» прозрачными (теперь показаны два маленьких белых угла). Просто мои $ 0.02 ...

Смежные вопросы