如何更改與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"); 

我不需要bottom center第二background-image (bg-nav-separate.gif);有沒有運用它只是一種方式，第一background-image (bg-nav.png)

$("#d_header-right-lower li." + navEl).css("background-position (for first image only)","bottom center"); 

Answer 1

嘗試在單一調用第二個參數設置爲background-position屬性爲0 13px到.css()，由逗號分隔,參數;去除.css("background-position")的第二個電話。見Using CSS multiple backgrounds

.css("background-position","bottom center, 0 13px"); 

的jsfiddle https://jsfiddle.net/rgwnye91/1/