javascript - 如何使用 jQuery/Javascript 更改同一元素上多个背景图像的位置

Question

$("#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");

Answer 1

尝试在单次调用 .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/