本文介绍了从JavaScript CSS3多背景图片的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

如何才能编程通过JavaScript定义CSS3多背景图片?

How can one define multiple background images in CSS3 programmatically via JavaScript?

最明显的想法:

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

不工作 - 它必须是简单的东西,但什么?

doesn't work - it must be something simple, but what?

推荐答案

和backgroundImage 是背景图片只有当你在一个你必须使用设置多个背景属性背景

backgroundImage is for background image only if you are setting multiple background properties in one you have to use background.

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

这篇关于从JavaScript CSS3多背景图片的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-31 03:06