私のページを見る: http://tonyperson.com/art4art
IE8 で画像 (女性研究 01) をクリックすると、透明な黒い背景がページの下まで表示されません。
オーバーレイ div の高さを 100% に変更するなど、css で多くのことを試しました。
私のページを見る: http://tonyperson.com/art4art
IE8 で画像 (女性研究 01) をクリックすると、透明な黒い背景がページの下まで表示されません。
オーバーレイ div の高さを 100% に変更するなど、css で多くのことを試しました。
divのをに変更position: absolute
します。.content
position: relative
それを絶対的に配置すると、フローから(したがってページのコンテンツ全体が)流れから外れbody
、高さ0まで折りたたまれます。たとえば、をチェックすることで確認できますdocument.body.scrollHeight
。
ライトボックスはボディに高さがないことを確認するため、1つの画面いっぱいにオーバーレイを追加するだけです。
編集:コメントに記載されている問題の回避策として(ライトボックスが元のページの下部より下にある場合、オーバーレイはまだすべてをカバーしていません)、ページの下部に追加のパディングを追加できます。
ここでトリッキーなトリックを作りました. position:absolut を position:fixed に変換するだけで、画面サイズのオーバーレイを下または上に移動するときに方向バーで移動できます.オーバーレイがページ全体を覆っているような感覚が得られます.