使用javascript在頁面加載時加載css隱藏圖像作為背景圖像

Question

Noob在javascript並且沒有運氣搜索。 是否可以使用javascript加載已經在html（隱藏css可見性）主體中的圖像，以便在頁面加載時作為div中的背景圖像可見？

Answer 1

是。

只是喜歡

<script type="text/javascript">

      window.onload = function() {

          // get the image url from the src attribute of image
          imgurl =  document.getElementById("yourImgID").src;
          // set it as background to the div you want
          document.getElementById("yourDivID").style.background = "url("+imgurl+") no-repeat";

      }

</script>

你可以在這里看到一個樣本小提琴