CSS3中的多個背景圖像

Question

如何通過JavaScript以編程方式在CSS3中定義多個背景圖像？

顯而易見的想法：

var element = document.createElement('div'); 
element.style.backgroundImage = "url('a.png') 0 100%, url('b.png') 50px 50px "; 

不工作 - 它必須是簡單的東西，但什麼？

Answer 1

backgroundImage僅適用於背景圖像，如果您要設置多個背景屬性，您必須使用background。

element.style.background = "url('a.png') 0 100%, url('b.png') 50px 50px ";