css - 改变div位置后背景不出现

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");

    });