HTML 在线编辑器| BEGTUT.COM

<!DOCTYPE html>
<html>
<head>
<style> 
#myDIV {
  width: 300px;
  height: 300px;
  background: lightblue url('smiley.gif') no-repeat;
  color: white;
  overflow: auto;
}
</style>
</head>
<body>
<h1>使用 JavaScript 更改 background-attachment</h1>

<p>单击单选按钮并滚动 DIV 元素以查看 background-attachment 属性的效果：</p>

<form name="myForm">
  <input type="radio" name="myAtt" value="fixed" onclick="myFunction()" checked>fixed
  <input type="radio" name="myAtt" value="local" onclick="myFunction()">local
</form>

<div id="myDIV">
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
  <h1>Hello</h1>
</div>

</body>
</html>