如何在 JavaScript DOM 中设置背景图像的起始位置?


若要在 JavaScript 中设置背景图像的起始位置,请使用 backgroundposition 属性。它允许你设置图像的位置。

示例

你可以尝试运行以下代码来学习如何用 JavaScript 设置背景图像的所有位置 −

在线演示

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

更新于: 2020-06-23

399 次浏览

开启你的 职业生涯

完成课程以获得认证资格

开始
广告