如何在 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.tw/html5/images/html5-mini-logo.jpg')";
            document.body.style.backgroundPosition="top right";
         }
      </script>
   </body>
</html>

更新於: 23-Jun-2020

399 次瀏覽

啟動您的 職業

透過完成該課程獲得認證

開始學習
廣告
© . All rights reserved.