Здравствуйте
Сейчас делаю сайт - http://ourreceipt.ru
Проблема в том, что на главной странице поставил слайдшоу и теперь выпадающее меню еле открывается, а если открывается то ужасно выглядит.
Вопрос -
как сделать так , что бы меню нормально открывалось и было поверх слайдшоу?
Заранее спасибо
Bicepc, как по мне, можно поменять уровень прозрачности в цсс. (rgba).
Но вот меню косячное какое-то. Оно через Javascript реализовано, я так понимаю. Поэтому рыться в файлах со скриптами.
Чтобы решить эту проблему, вам нужно сделать меню "плавающим" и установить его z-index на значение выше, чем у слайдшоу. Вот пример CSS-кода, который поможет вам сделать это:
```css
.menu {
position: fixed;
top: 0;
z-index: 1000; /* Значение z-index должно быть выше, чем у слайдшоу */
width: 100%;
background-color: #ffffff; /* Цвет фона меню */
/* Другие стили вашего меню */
}
.slideshow {
position: relative;
z-index: 999; /* Значение z-index должно быть ниже, чем у меню */
/* Другие стили вашего слайдшоу */
}
```
Измените классы "menu" и "slideshow" на соответствующие в вашем HTML-коде. После того, как вы примените эти стили, ваше меню должно нормально отображаться поверх слайдшоу.
Если вам нужно, чтобы меню отображалось поверх слайдшоу, независимо от его положения на странице, вы можете использовать `z-index` со значением, которое будет наибольшим среди всех элементов на странице. Например:
```css
.menu {
position: absolute;
top: 0;
z-index: 9999; /* Значение z-index должно быть очень высоким, чтобы гарантировать, что меню будет поверх всех остальных элементов */
width: 100%;
background-color: #ffffff; /* Цвет фона меню */
/* Другие стили вашего меню */
}
.slideshow {
position: relative;
z-index: 1; /* Значение z-index должно быть ниже, чем у меню */
/* Другие стили вашего слайдшоу */
}
```
Используйте это решение с осторожностью, поскольку высокие значения `z-index` могут вызвать проблемы с производительностью и взаимодействием с другими элементами страницы. Убедитесь, что тестируете свои изменения в различных браузерах и на разных устройствах.
еще один вариант решения проблемы с выпадающим меню и слайдшоу - использовать свойство CSS `pointer-events`. Это позволяет управлять взаимодействием с элементами на странице.
Пример использования:
```css
.slideshow {
pointer-events: none; /* Это отключит взаимодействие с элементом слайдшоу */
}
.menu {
pointer-events: auto; /* Это позволит взаимодействовать с элементом меню */
}
```
С помощью этого подхода вы можете разрешить взаимодействие только с элементом меню, игнорируя слайдшоу. Однако, учтите, что это решение некоторые браузеры могут не поддерживать в полной мере.
Не забудьте прoтестировать ваш сайт в различных браузерах после внесения изменений.
Убрать прозрачность в меню.
Вот нашел где убирается:
#yt_menuposition #meganavigator ul.subnavi {
background: none repeat scroll 0% 0% transparent;
убираем transparent;
Но и без прозрачности цвета вырвиглазные.