Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 16.07.2013, 14:23   #1
Volwis
 
Регистрация: 15.07.2013
Сообщений: 7
По умолчанию Проблема с видимостю объектов

На моем сайте fenix-kiev.com.ua если навести курсор на "Инструкция по монтажу" должна выпадать менюшка со следующими кнопками, но она почему то стоит за блоком слайдшоу. Как её сделать на переднем плане, то есть перед слайдшоу?
Вот код всей менюшкши:

Код HTML:
[CODE]#menu {margin-left:96px;
 position: relative;
 float: left;
 width: 82%;
 height:40px;
 padding: 0 2%;
 box-shadow: inset 0 1px 1px rgba(255,255,255,.5), inset 0 -1px 0 rgba(0,0,0,.15), 0 1px 3px rgba(0,0,0,.15);

 background: #0272a7; /* Old browsers */
background: -moz-linear-gradient(top,  #0272a7 0%, #013953 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0272a7), color-stop(100%,#013953)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #0272a7 0%,#013953 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #0272a7 0%,#013953 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #0272a7 0%,#013953 100%); /* IE10+ */
background: linear-gradient(to bottom,  #0272a7 0%,#013953 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0272a7', endColorstr='#013953',GradientType=0 ); /* IE6-9 */
 border-radius:10px;
 border:1px solid #000;

 }

#menu, #menu ul {
 list-style: none;
 }

#menu > li {
 float: left;
 position: relative;


}

#menu > li:first-child {

 
 }

#menu a {
 display: block;
 position: relative;
 z-index: 10;
 padding: 13px 53px 13px 50px;
 text-decoration: none;
color:#fff;
 line-height: 1;

 font-size: 14px;
 letter-spacing: -.05em;
 background: transparent;



}

#menu > li:hover > a {
 background: #fff;
 color: #000;
 text-shadow: none;
 }

#menu li ul { /*this is*/
 position: absolute;
 left: 0;
 z-index: 1;
 width: 255px;
 padding: 0;
 opacity: 0;
 visibility: hidden;
 border-bottom-left-radius: 4px;
 border-bottom-right-radius: 4px;
 background: transparent;
 overflow: hidden;
 transform-origin: 50% 0%;
 }

#menu li:hover ul {

padding: 15px 0;
 background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #bbbbbb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#bbbbbb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#bbbbbb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#bbbbbb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */

 opacity: 1;
 visibility: visible;
 box-shadow: 1px 1px 7px rgba(0,0,0,.5);
 animation-name: swingdown;
 animation-duration: 1s;
 animation-timing-function: ease;

}



#menu li li a {
 padding-left: 15px;
 font-weight: 400;
 color: #013953;
 text-shadow: none;
 border-top: dotted 1px transparent;
 border-bottom: dotted 1px transparent;
 transition: all .15s linear;
 }

#menu li li a:hover {
 color: #0272a7;

 background: rgba(0,223,252,.02);
 }
[/CODE]
Volwis вне форума Ответить с цитированием
Старый 16.07.2013, 14:57   #2
MindWork
Пользователь
 
Регистрация: 08.04.2009
Сообщений: 11
По умолчанию

Код:
 #menu li ul {
     z-index: 10;
 }
MindWork вне форума Ответить с цитированием
Старый 19.07.2013, 08:55   #3
Volwis
 
Регистрация: 15.07.2013
Сообщений: 7
По умолчанию

Цитата:
Сообщение от MindWork Посмотреть сообщение
Код:
 #menu li ul {
     z-index: 10;
 }
Не помогло(
Volwis вне форума Ответить с цитированием
Старый 19.07.2013, 10:40   #4
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

не вижу никаких слайдшоу
Alar, верни репу!
Naive вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
С++ проблема с добавлением в массив объектов Alt_Shift Помощь студентам 4 28.05.2012 18:06
Пересечение объектов. Проблема со скоростью движения Манжосов Денис :) Gamedev - cоздание игр: Unity, OpenGL, DirectX 11 06.03.2010 19:39
OpenGL. Проблема со скоростью передвижения объектов Blade Gamedev - cоздание игр: Unity, OpenGL, DirectX 5 26.10.2009 13:40
проблема создания массива объектов Meduzza Общие вопросы C/C++ 3 28.05.2009 05:07
Delphi: Проблема с созданием объектов Omedus Помощь студентам 4 08.08.2008 18:42