javascript - 使用 javascript 在页面加载时加载 css 隐藏图像作为背景图像

Question

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>

你可以在这里看到一个示例小提琴