0

#lightbox div を常にビューポートの上部に配置するにはどうすればよいですか?

$(document).ready(function(){
    $('.mehr').click(function() {
    $("body").css("overflow", "hidden");
    $('#lightbox').css({'visibility' : 'visible'}).animate({'background-color': 'rgba(0, 0, 0, 0.9)', 'opacity': '1'}, 500);
});

助けてくれてありがとう！

4

4 に答える 4

0

CSS :

#lightbox {
  position: absolute;
  z-index: 999;
}
于 2013-10-29T12:09:57.317 に答える
0

セットposition:absoluteしてz-index:1000

于 2013-10-29T12:10:24.337 に答える
0 
position: fixed; top:0; z-index:999999;
于 2013-10-29T12:12:40.280 に答える
0

シンプルな HTML / CSS でこれを使用できます: http://jsfiddle.net/wZDXg/

HTML:

<div id="lightbox">Light box</div>
<div id="other">Other content</div>

CSS:

body
{
    margin:0;    
}

#lightbox
{
    background-color:gray;
    width : 100%;
    height: 150px;
    position : fixed;
    top      : 0;
    margin-bottom:150px;
}

#other
{
    margin-top : 150px; 
    height     : 1500px;
    background-color:#999999;
}
于 2013-10-29T12:13:12.700 に答える