我有这个 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");
最佳答案
你应该像这样将你的 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");
});
关于css - 更改div位置后背景不出现,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19789174/