$("#d_header-right-lower li." + navEl).css("background-image","url('/header/bg-nav.png'), url('/header/bg-nav-separate.gif')");
$("#d_header-right-lower li." + navEl).css("background-position","0 13px");
$("#d_header-right-lower li." + navEl).css("background-position","bottom center");
$("#d_header-right-lower li." + navEl).css("background-repeat","no-repeat, no-repeat");
我不需要第二个背景图像(bg-nav-separate.gif)
的底部中心
;有没有办法仅将其应用于第一个背景图像(bg-nav.png)
$("#d_header-right-lower li." + navEl).css("background-position (for first image only)","bottom center");
最佳答案
尝试在单次调用 .css()
时将 background-position
属性的第二个参数设置为 0 13px
,参数之间用逗号分隔,
;删除对 .css("background-position")
的第二次调用。请参阅Using CSS multiple backgrounds
.css("background-position","bottom center, 0 13px");
jsfiddle https://jsfiddle.net/rgwnye91/1/
关于javascript - 如何使用 jQuery/Javascript 更改同一元素上多个背景图像的位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33559167/