Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 17.12.2014, 19:02
Аспирант
Отправить личное сообщение для ViRuSreloaded Посмотреть профиль Найти все сообщения от ViRuSreloaded
 
Регистрация: 13.10.2014
Сообщений: 73

Слои перекрывают друг друга на 100% как кликнуть на слой снизу?
Есть 3 слоя (absolute width=100% height=100%) со звездами,
как вывести звезды на несколько уровней выше, чтобы по ним можно было кликнуть?

А то кликается только самый верхний слой?

Перенести все звезды на 1 слой не является возможным так как
применяется параллакс на 3 слоя (разное движение в зависимости от позиции курсора)
<!doctype html>
<html lang=''>
<head>
	 <meta charset='utf-8'>
	 <meta http-equiv='X-UA-Compatible' content='IE=edge'>
	 <meta name='viewport' content='width=device-width, initial-scale=1'>
	 <link rel='stylesheet' href='style.css'>
	 <script src="js/jquery-1.11.1.js" type="text/javascript"></script>
	 <link href='http://fonts.googleapis.com/css?family=Dosis:200,300,400,500,600,700' rel='stylesheet' type='text/css'>
</head>

<body>
	<div id='sky_container'>
		<div class='sky3 layer'>

		</div>
		<div class='sky2 layer'>

		</div>
		<div class='sky1 layer'>

		</div>
	</div>

	<div class='ice_cube'>
		<div class='top_panel panel'></div>
		<div class='right_panel panel'></div>
		<div class='bot_panel panel'></div>
		<div class='left_panel panel'></div>

	</div>
</body>
	 <script type='text/javascript' src='js/script.js'></script>
</html>
Ответить с цитированием
  #2 (permalink)  
Старый 17.12.2014, 22:34
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

ViRuSreloaded,
1. По относительным ссылкам - вряд ли можно понять, что представляет собой скрипт
2. Пробовали поднять Ваши звезды position:relative;z-index:99999;
Ответить с цитированием
  #3 (permalink)  
Старый 18.12.2014, 00:24
что-то знаю
Отправить личное сообщение для devote Посмотреть профиль Найти все сообщения от devote
 
Регистрация: 24.05.2009
Сообщений: 5,176

CSS:
pointer-events: none;
__________________
хм Russians say завтра but завтра doesn't mean "tomorrow" it just means "not today."
HTML5 history API рассширение для браузеров не поддерживающих pushState, replaceState
QSA CSS3 Selector Engine
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как вы относитесь к наркоманам? Maxmaxmaximus7 Оффтопик 7 05.02.2014 13:29