JQuery;Страница Параллакса - Получите событие щелчка, пройдитесь через слои DIV

Question

DEMO

Идея теперь состоит в том, чтобы (вместо транспорта .png изображений) заполнять слои стандартными элементами HTML, как сделать красивую движущуюся 2d-3d страницу.

Вы можете угадать мою первую проблему. Что бы я ни пытался, я не могу заставить событие click пройти 100x100% div слоев, чтобы найти интерактивный (или еще?) Элемент, который не является самим .layer. Может быть, сделать слои height:0px; position:absolute; и чем добавить к ним элементы относительного расположения?

Answer 1

Просто добавьте z-index свойство CSS к элементам .box. Чем выше z-index, тем выше элементы отображаются в виде слоев (т.е. элементы с z-index 999 будут выше элементов с z-index 1):

.box {
  ...

  z-index: 2;
}

И демоверсия.