2011-12-22 8 views
0

内のオーバーレイの要素を取得します: http://test.linkinformed.com/どのように私は私が見ることができるようにIFRAMEの上に座ってオーバーレイを作成しているのiframe

私は、オーバーレイ要素が表示されるように内(または少なくともになりたいのiframe内で)。

解決策は、スクロールするときに赤いボックスがページの同じセクション(つまりページロゴ)にとどまることを意味します。また、スクロールは現在のようにオーバーレイレイヤーによってブロックされません。

また上部の黒いメニューバーが(などのAlaのStumbleUpon、)静的に滞在する必要があり、私が何をしたいの

例: - ユーザーは、ページ上の領域を選択するために、赤いボックスを使用します(つまり、W3Schoolsのロゴ) - 彼らは、ページの一番下までスクロールすることができ(赤いボックスは、ロゴの上に滞在し、視野の外に行くだろう) - 彼らはその後、赤いボックスにまだロゴを見ることが

+0

テストURLが動作しません... –

+0

リンクは、z-indexが、私は箱を入れて、中にフロントのiframeの/の後ろに重ねることができます変更になりました –

答えて

1

をバックアップスクロールすることができz-indexを使用して試してみて、 position以下のように

On the red box add this to the css 

    position:fixed; 
    z-index:100; 

次に、オーバーレイにz-indexもあることを確認してください。

z-index:99; 
position:relative;//fixed, absolute etc 
+0

を動作するはずです。しかし、iframe内にはありません。私は何をしようとしているのかの例で質問を更新しました –