HTML DOM backgroundAttachment 属性

定义和用法

backgroundAttachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。

语法：

  1. Object.style.backgroundAttachment=scroll|fixed

提示和注释

提示：请设置一种可用的背景颜色，这样的话，假如背景图像不可用，页面也可获得良好的视觉效果。

实例

本例设置在点击按钮后把背景图像设置为固定（不滚动）：

  1. <html>
  2. <head>
  3. <style type="text/css">
  4. body
  5. {
  6. background-color="#FFCC80";
  7. background-image:url(bgdesert.jpg);
  8. }
  9. p
  10. {
  11. color:white;
  12. }
  13. </style>
  14. <script type="text/javascript">
  15. function changeAttachment()
  16. {
  17. document.body.style.backgroundAttachment="fixed";
  18. }
  19. </script>
  20.  
  21. </head>
  22. <body>
  23.  
  24. <input type="button" onclick="changeAttachment()"
  25. value="Set background-image to be fixed" />
  26. <p>This is a paragraph</p>
  27. <p>This is a paragraph</p>
  28. <p>This is a paragraph</p>
  29. <p>This is a paragraph</p>
  30. <p>This is a paragraph</p>
  31. <p>This is a paragraph</p>
  32. <p>This is a paragraph</p>
  33. <p>This is a paragraph</p>
  34. <p>This is a paragraph</p>
  35. <p>This is a paragraph</p>
  36. <p>This is a paragraph</p>
  37. <p>This is a paragraph</p>
  38. <p>This is a paragraph</p>
  39. <p>This is a paragraph</p>
  40.  
  41. </body>
  42. </html>