javascript - 来自 JavaScript 的 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 ";