新人求助!下面的代码点击按钮后为什么不能改变background-image的属性,但是改变width或者height之类的属性却可以?
新人求助!下面的代码点击按钮后为什么不能改变background-image的属性,但是改变width或者height之类的属性却可以?<!DOCTYPE html>
<html class="um landscape min-width-240px min-width-320px min-width-480px min-width-768px min-width-1024px">
<head>
<style type="text/css">
.test2 {
width: 10em;
height: 10em;
background-image: url(test.jpg);
background-repeat: no-repeat;
-webkit-background-size: 20% 20%;
}
</style>
</head>
<body>
<input class="btn" type="button" value="改变css" onclick="changecss();">
<div id="test3" class="test2"></div>
</body>
<script>
function changecss(){
document.getElementById('test3').style.background-image = "url(icon.png)";
}
</script>