如何在 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>

更新於: 2020-06-23

399 次瀏覽

開啟你的 職業生涯

完成課程以獲得認證資格

開始
廣告
© . All rights reserved.