Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
Volwis
0 / 0 / 0
Регистрация: 16.01.2013
Сообщений: 8
1

Видимость объектов

16.07.2013, 14:28. Просмотров 583. Ответов 1
Метки нет (Все метки)

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

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
#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);
 }
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
16.07.2013, 14:28
Ответы с готовыми решениями:

Отображение/видимость элементов
Здравствуйте. Разъясните пожалуйста неопытному. Есть пустой блок, его высота...

Как изменить видимость блока2 по нажатию ссылки в блоке1?
Есть два одноуровневых блока, находящихся в одном и том же контейнере. Блок2...

Расположение объектов
Здравствуйте. Вчера попрактиковался в css, все было нормально, методом проб и...

Выравнивание объектов
Добрый день, прошу помощи, так как в css не силен. Имеется сайт, В пункте...

Выравнивание объектов на странице
Помогите выровнять объекты на странице как на скриншоте (прикреплен)....

1
LaPyX
40 / 40 / 6
Регистрация: 17.04.2013
Сообщений: 196
16.07.2013, 15:06 2
z-index: 999999; добавьте к #menu
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
16.07.2013, 15:06

Выравнивание объектов в форме
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <!--><script...

Вопрос по фиксированности объектов
Помогите сделать так, чтобы объект, имея параметры положения на странице, не...

Width 100% из 6 объектов
Имеется блок шириной 100%. а внутри блока 6 блоков! Вот как сделать чтобы они...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru