如何在 Javascript DOM 中设置一个固定的背景图片?


要在 Javascript 中将背景图片设置为固定,请使用 backgroundAttachment 属性。它允许你设置一张不会滚动的图片。

示例

你可以试验运行以下代码,了解如何在 JavaScript 中使用 backgroundAttachment 属性 −

在线示例

<!DOCTYPE html>
<html>
   <body>
      <button onclick="display()">Click to Set background</button>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <p>Demo Text</p>
      <script>
         function display() {
            document.body.style.background = "url('https://tutorialspoint.com/html5/images/html5-mini-logo.jpg') no-repeat right top";
            document.body.style.backgroundAttachment = "fixed";
         }
      </script>
   </body>
</html>

更新于:2020 年 6 月 23 日

510 人观看

开启你的 职业

完成课程,获得认证

开始
广告