21 апреля 2012 в 15:04
Всем привет.
Проблема в следующем. На сайте использую банерокрутилку Rotor Baner. Реклама в регионе под меню сайта. И есть всплывающий пункт меню "Каталог".
При наведении курсора на каталог он соответственно раскрывается и подпункты пересекаются с баннерами. Но банерокрутилка перекрывает всплывающие пункты. Не красиво получается. Возился с настройками, ничего не смог решить. Подскажите какие могут быть решения.
Комментарии
У слоя баннерокрутилки скорее всего по умолчанию в CSS стоит
z-index: 999; (у подобных модулей в большинстве случаев всегда так)
Поэтому слою с меню надо поставить z-index: 1000;
и он будет поверх баннерокрутилки.
Кстати, использовал раньше Rotor Baner, но сменил его на Views Rotator (возможностей побольше и проще переверстать его вывод)
В CSS темы нашел следующие строки
/* li containing sublevels */
#navlinks ul li {
position: relative;
z-index: 9999;
}
/* set li width & color */
#navlinks ul li.expanded ul li {
z-index: 9999;
width: 180px;
margin: 0;
padding: 0;
font-size: 100%;
}
/* DROP DOWN UL */
/* Hide first sublevel */
#navlinks ul li.expanded ul {
display: none;
}
/* Sublevels */
ul.firstsublayer,
ul.sublayer {
z-index: 9999;
width: 180px;
position: absolute;
margin: 0;
padding: 0 7px 5px 0 !important; /* shadow position */ /* LTR */
}
Везде переставил z-index на 9999. Очистил кеш, не помогло.
Правильно ли я сделал? Как решить эту проблему?
По идее да, но у слоя Rotor Banner тоже стоит походу z-index: 9999;
Как вариант перекрыть стили Rotor Banner сделав ему z-index меньше