1

私のページを見る: http://tonyperson.com/art4art

IE8 で画像 (女性研究 01) をクリックすると、透明な黒い背景がページの下まで表示されません。

オーバーレイ div の高さを 100% に変更するなど、css で多くのことを試しました。

4

2 に答える 2

2

divのをに変更position: absoluteします。.contentposition: relative

それを絶対的に配置すると、フローから(したがってページのコンテンツ全体が)流れから外れbody、高さ0まで折りたたまれます。たとえば、をチェックすることで確認できますdocument.body.scrollHeight

ライトボックスはボディに高さがないことを確認するため、1つの画面いっぱいにオーバーレイを追加するだけです。

編集:コメントに記載されている問題の回避策として(ライトボックスが元のページの下部より下にある場合、オーバーレイはまだすべてをカバーしていません)、ページの下部に追加のパディングを追加できます。

于 2009-11-28T22:42:17.143 に答える
1

ここでトリッキーなトリックを作りました. position:absolut を position:fixed に変換するだけで、画面サイズのオーバーレイを下または上に移動するときに方向バーで移動できます.オーバーレイがページ全体を覆っているような感覚が得られます.

于 2010-05-12T16:48:40.267 に答える