使用js更改background属性值的时候，尽量使用明确的属性值，
例如backgroundImage，
不使用background，因为如果原来的css中background设置了多个属性，js修改的时候没有写全，未在js中写的属性就会变回默认属性。如果在原css中设置了background-size属性，在js通过background修改部分属性后background-size也会变回默认值。而通过background。是不能修改background-size属性的。
原CSS样式
background: url('../../images/bflogin/bei.jpg') no-repeat 0 center;
-webkit-background-size:cover;
background-size:cover;
js更换背景后
1使用background
document.getElementsByClassName('main-top')[0].style.background = "url('" + image_list[i] + " ') no-repeat 0 center" ;
background : background-color || background-image || background-repeat || background-attachment || background-position
W3C中的手册说可以
background 简写属性在一个声明中设置所有的背景属性。
可以设置如下属性：
-
background-color
-
background-position
-
background-size
-
background-repeat
-
background-origin
-
background-clip
-
background-attachment
-
background-image
如果不设置其中的某个值，也不会出问题，比如 background:#ff0000 url('smiley.gif'); 也是允许的。
background-clip属性当背景是图片的时候，border-box和padding-box
效果相同（chrome下）。
<div id="box" style="width: 300px; height: 300px;
background
-color: green;">
<p id="text" style="
background
: mistyrose; width: 100px;">hello world!</p>
<img src="res/apple.png" height=...
$('#a1').attr("src","test1.jpg");这种方式来改变图片的url地址；
而不是采用$('#a1').css('url','test1.jpg');的写法。
转载于:https://www.cnblogs.com/9527-/p/10115285.html
img 是一个块状元素，它是一个图片，是html的一个标签，占位
2、否可操作
background
-image是只能看的，只能设置
background
-position,
background
-attachment,
background
-repeat
img是一个document对象，它是可以操作的。比如
更换
img src的路径可以达到
更换
图片的目的，也可以移动它的位置，从
以下讲述如何使用vue框架动态绑定一个html标签的
背景
图片，两种情况：url链接、项目资源。
文章目录VUE框架使用
JS
动态绑定
背景
图片前言一、动态绑定url链接1.1 代码1.2 知识点二、动态绑定项目资源2.1 代码2.2 知识点总结
一、动态绑定url链接
1.1 代码
document.getElementById("元素id").style.
background
Image = 'url(' + url链接 + ')';
1.2 知识点
