0

ライトボックスへのリンクをクリックすると、ページのコンテンツがライト ボックスの下に移動します。ライトボックスの css に z-index を配置しましたが、これでは不十分だと思います。次にどの方向に進む必要があるのか​​ わかりません。ページコンテンツの上にライトボックスを配置しようとしています。ページのコンテンツを下に移動させたくないので、ライトボックスを元のページのコンテンツに重ねて表示したいと考えています。

私のフィドル: http://jsfiddle.net/stillb4llin/zZvLG/

positionLightBox1(); を配置した場所に挿入するには、jquery で別の関数を作成する必要があると思います。(コメントアウト)

また、CSS を間違っていると思います。私は css をしっかりと把握していると信じたいのですが、あなたはそうではないでしょう!

jquery の経験:私は数週間 jquery で遊んでおり (コードを編集し、それを機能させる)、いくつかの読書を行い、いくつかのフィドルを作成しました。今のところ、私の経験とスタックオーバーフローの回答の助けを借りて、これを作成するのに十分快適だと感じています.

コメントをお待ちしております。

4

5 に答える 5

3

position:relative の代わりに #lightBoxContent で position:absolute にするだけです

http://jsfiddle.net/zZvLG/9/

...これにより、ライトボックスが「フロー」から削除され、他のページのコンテンツがさらに下に押し出されなくなります。

于 2012-08-02T14:50:01.043 に答える
1

lightboxdiv 宣言の末尾にあるタグを、lightboxcontentdiv の終了後に移動するだけです。少しサイズを変更する必要があるかもしれませんが、その背後にあるテキストは移動しません。

http://jsfiddle.net/MrMiracle/zZvLG/16/

于 2012-08-02T14:54:58.713 に答える
1

<div ID="lightBoxDiv"></div>なぜ開店直後に閉店するのですか？lightBoxContent divを閉じた後に閉じるつもりだったと思いますか?

于 2012-08-02T14:47:41.077 に答える
1

lightBoxContent が正しく機能するには、position:absolute も必要です

于 2012-08-02T14:50:27.407 に答える
0

それを修正するかもしれません: http://jsfiddle.net/zZvLG/14/

于 2012-08-02T14:53:51.813 に答える