X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> z-index
nickgu
nickgu
Topic Starter сообщение 6.6.2011, 15:35; Ответить: nickgu
Сообщение #1


Делаю один блок с z-index:1000. Он идет поверх всех остальных, но в опере, когда наводишь на ссылку, которая под блоком, она выходит на первый план. Смотрите картинку.[attachment=37928:06.06.png]
Как можно побороть?

Спасибо
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 6.6.2011, 16:05; Ответить: adlic
Сообщение #2


У ссылки :hover{z-index:1;} можно попробовать.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
nickgu
nickgu
Topic Starter сообщение 6.6.2011, 16:17; Ответить: nickgu
Сообщение #3


О, спасибо большое работает.
Но заметил новый глюк в опере - ссылки в черном блоке не активны, т.е. даже не ссылки. :wacko:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ValianT
ValianT
сообщение 6.6.2011, 17:06; Ответить: ValianT
Сообщение #4


У тебя что-то напутано с z-index у родителей. Или стоять лишние релативы/абсолюты. Смотри на текст,который просвечивается(сделать заказ). Там,судя по скрину никакого относительного/абсолютного позиционирования не нужно.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
nickgu
nickgu
Topic Starter сообщение 6.6.2011, 17:36; Ответить: nickgu
Сообщение #5


<div class="menu">
<ul>
<li class="mainli"><a href="#" class="col" onmouseover="show('submenu');">Коллекция</a>
<div id="submenu" onmouseover="show('submenu');" onmouseout="hide('submenu');">
<ul>
<li><a href="#">Ланчтайм</a></li>
<li><a href="#">Джуниор</a></li>
<li><a href="#">Ориент</a></li>
<li><a href="#">Тинейджер</a></li>
<li><a href="#">Оксфорд</a></li>
<li><a href="#">Флер</a></li>
</ul>
</div>
</li>
<li class="mainli"><a href="#" class="des">Индивидуальный дизайн</a></li>
</ul>
</div>


[CSS]#header .menu li.mainli {
display: inline;
padding: 0px 5px 0px 5px;
position: relative;
}
#header .menu #submenu {
position: absolute;
top: 36px;
z-index: 1000;
background-color:#000;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
behavior: url(border-radius.htc);
padding:10px;
display:none;
}
[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 6.6.2011, 17:43; Ответить: adlic
Сообщение #6


А что значит не ссылки? У вас и адрес не указан, поэтому страница не перезегружается(href="#"), а судя по картинке они подчеркнуты как и положено.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
nickgu
nickgu
Topic Starter сообщение 6.6.2011, 17:47; Ответить: nickgu
Сообщение #7


Да, я верстаю только. поэтому ссылки # такие, но на странице они не ссылки - курсор не меняется, hover не происходит, нажатия не происходит. Но подчеркнутые.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
nickgu
nickgu
Topic Starter сообщение 6.6.2011, 17:50; Ответить: nickgu
Сообщение #8


О, еще прикол, что ссылка "сделать заказ" теперь прячется под черным блоком, но все равно активна, т.е. ее можно открыть даже когда курсор находится на черном блоке
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
adlic
adlic
сообщение 6.6.2011, 17:51; Ответить: adlic
Сообщение #9


Покажите стили ссылок, может вы где-то cursor:default; поставили, того не меняется, а :hover неправильно указали...в общем, полностью ксс покажите. А если они подчеркнулись, значит это уже ссылки.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
nickgu
nickgu
Topic Starter сообщение 6.6.2011, 17:53; Ответить: nickgu
Сообщение #10


Все обычно:
[CSS]#header .menu #submenu li{
list-style: none;
}
#header .menu #submenu li a{
color: #fff;
}
#header .menu #submenu li a:hover{
color: #626262;
}
[/CSS]
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Учусь создавать шаблон для Joomla 2.5 Ошибка в файле index.php
3 Musicathome 6647 26.7.2013, 20:20
автор: -Сабж-
Открытая тема (нет новых ответов) z-index и select
3 romlex_hb 10894 28.4.2008, 18:47
автор: -Exterior-
Открытая тема (нет новых ответов) Можно ли считать www.адрес.ru/index.php мордой?
9 Cobex 302 3.4.2008, 19:39
автор: Cobex


 



RSS Текстовая версия Сейчас: 25.4.2024, 2:12
Дизайн