Question

我有这个css的菜单：

div#menu {
position:absolute;
bottom:0;
width:100%;  
z-index: 1000;
height: 57px;
background:transparent url(../images/page_header_b.png) repeat-x;
}

#menu ul.menu {
  white-space: nowrap;
}

当我滚动菜单的位置时，如下所示：

$(window).scroll(function(){

if($(window).scrollTop()>150) {
  $('div#menu').css( "z-index", "1000" );
  $('ul.menu').css( "top", "0" );
  $('ul.menu').css( "position", "fixed" );
}
});

菜单已修复但没有背景。

我在滚动时尝试这样做，但它没有改变

$('div#menu').css( "background", "transparent url(../images/page_header_b.png) repeat-x");

Answer 1

你应该将你的div移到顶部 -

          $(window).scroll(function () {

            $('div#menu').css("z-index", "1000");
            $('ul.menu').css("top", "0");
            $('ul.menu').css("position", "fixed");
            $('div#menu').css("top", "0");

    });

更改div的位置后，不会出现背景

1 个答案: