Javascript-форум - Слои перекрывают друг друга на 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>