jquery - jQuery; 視差ページ - DIV レイヤーを通過するクリック イベントを取得します。

Question

デモ

現在のアイデアは、(transp. .png 画像の代わりに) 標準の HTML 要素でレイヤーを埋めることです。たとえば、動く 2D-3D ページを作成するようなものです。

あなたは私の最初の問題を推測することができます. 何を試しても、クリック イベントが 100x100% div レイヤーを通過して 、.layer 自体ではないクリック可能な (または他の?) 要素を見つけることができません。

たぶん、レイヤーheight:0px; position:absolute;を作成して、それらに相対的に配置された要素を追加するよりも?

Answer 1

要素z-indexに CSS プロパティを追加するだけです。.boxが高いz-indexほど、要素はレイヤーに関して高く表示されます (つまり、 の付いた要素は、z-indexの付いた要素よりも上になり999ます)。z-index1

.box {
  ...

  z-index: 2;
}

そしてデモ。