Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.10.2013, 00:24
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

при наведении на ссылку не появляется палец
Посмотрите пожалуйста http://vs-group.com.uaесть три черных блока под хэдером
при наведении на ссылки на крайне правом блоке появляется палец мыши, а при наведении на ссылки в крайне левом блоке палец появляется только в конце строки а не на буквах, мистика какая-то
<div class="info_block_1">
   <div id="links_info_block_1">
     <a href=""><p class="link_info_block_1">Внешняя реклама</p></a>
     <hr>
     <br>
     <a href=""><p class="link_info_block_2">Вывески</p>
     <a href=""><p class="link_info_block_2">Неон</p>
  </div>
</div>
<div class="info_block_2">
   <img src="/img/logo_romb.png">
</div>
<div class="info_block_1">
   <div id="links_info_block_2">
     <a href=""><p class="link_info_block_1">Дизайн и полиграфия</p></a>
     <hr>
     <br>
     <a href=""><p class="link_info_block_2">Реклама</p></a>
     <a href=""><p class="link_info_block_2">Деловая</p></a>
   </div>
</div>


.info_block_1 {
z-index:0;
position:relative;
}
.info_block_1 a{
 
}
#links_info_block_1 a:hover{
 
}
#links_info_block_2  a:hover{
 
}
 
#links_info_block_1{
position:absolute;
padding:10px;
width:230px;
text-align:left;
}
#links_info_block_2{
position:absolute;
padding:10px;
width:230px;
text-align:right;
 
}
.link_info_block_1{
position:relative;
z-index:999;
cursor:pointer;
color:#fec813;
font-size:17px;
}
.link_info_block_2{
color:#fff;
font-size:17px;
position:relative;
z-index:999;
display:block;
 
}
Ответить с цитированием
  #2 (permalink)  
Старый 28.10.2013, 08:43
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,205

Сообщение от imediasun1
мистика какая-то
Мистики тут не бывает...
Просто один элемент перекрывает другой.

Так говнокодить еще уметь нужно!

<!DOCTYPE html>
<html>
<head>
<!--
<script src="http://code.jquery.com/jquery-latest.js"></script>
<link rel="stylesheet" type="text/css" href="tmp.css" />
-->
<style type="text/css">
.info_block_1 {
	z-index:0;
	position:relative;
}
.info_block_1 a{
}
#links_info_block_1 a:hover{
}
#links_info_block_2  a:hover{
}
#links_info_block_1{
	position:absolute;
	padding:10px;
	width:230px;
	text-align:left;
}
#links_info_block_2{
	position:absolute;
	padding:10px;
	width:230px;
	text-align:right;
}
.link_info_block_1{
	position:relative;
	z-index:999;
	cursor:pointer;
	color:#fec813;
	font-size:17px;
}
.link_info_block_2{
	color:#fff;
	font-size:17px;
	position:relative;
	z-index:999;
	display:block;
}
</style>
<script type="text/javascript">
</script>
</head>
<body>
<div class="info_block_1">
	<div id="links_info_block_1">
		<a href=""><p class="link_info_block_1">Внешняя реклама</p></a>
		<hr>
		<br>
		<a href=""><p class="link_info_block_2">Вывески</p>
		<a href=""><p class="link_info_block_2">Неон</p>
	</div>
</div>
<div class="info_block_2">
	<img src="/img/logo_romb.png">
</div>
<div class="info_block_1">
	<div id="links_info_block_2">
		<a href=""><p class="link_info_block_1">Дизайн и полиграфия</p></a>
		<hr>
		<br>
		<a href=""><p class="link_info_block_2">Реклама</p></a>
		<a href=""><p class="link_info_block_2">Деловая</p></a>
	</div>
</div>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 28.10.2013, 12:45
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

Я вас не понял вы просто повторили мой код, что тут не так, как определить какой элемент перекрывает и как исправить
Ответить с цитированием
  #4 (permalink)  
Старый 28.10.2013, 12:47
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

от правильный ответ
.info_block_1 {
      z-index: 1;
    }
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Запуск анимации при наведении курсора на ссылку в другом фрейме flasher167 Общие вопросы Javascript 0 11.04.2013 19:33
Смена нескольких картинок при наведении Demoni Элементы интерфейса 8 28.04.2012 23:57
Отображение фото при наведении OnOff jQuery 2 11.04.2012 16:18
Картинка не изменяется при наведении. astashovaj Общие вопросы Javascript 11 12.01.2011 10:44
Изменение изображения при наведении на ссылку MDS Общие вопросы Javascript 1 08.08.2008 21:54