x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>蜜蜂教程(mifengjc.com)</title>6
<style>7
div {8
background-image: url("/examples/img_tree.png");9
background-repeat: no-repeat;10
width: 400px;11
height: 400px;12
border: 1px solid #000000;13
}14
</style>15
<script>16
function displayResult() {17
document.getElementById("div1").style.backgroundPosition = "center bottom";18
}19
</script>20
</head>21
<body>22
23
<button type="button" onclick="displayResult()">修改背景图像位置</button>24
<br>25
<div id="div1">26
</div>27
28
</body>29
</html>