搜索
热搜： 编程 Python Microsoft 编程语言 C++
首页> 前端开发 > Css3 > 正文

css全屏背景图片设置,django加载图片路径详解

发布时间：2023-01-03 20:55:41 来源：网络
.
雪花在空中嬉戏着、飞舞着，它净化了世间的一切尘埃，送走了严冬的寂寞，它自由地来，潇洒地去，多少著名的诗词都赞美过它： "忽如一夜春风来，千树万树梨花开 "，多么俏丽呀！ "瑞雪兆丰年 "，它还是丰收的预言家呢！

css全屏背景图片设置,django加载图片路径详解

XML/HTML Code复制内容到剪贴板
  1. <head>
  2. <styletype="text/css">
  3. #bg{
  4. position:fixed;
  5. top:0;
  6. left:0;
  7. width:100%;
  8. height:100%;
  9. }
  11. #bgimg{
  12. position:absolute;
  13. left:0;
  14. right:0;
  15. bottom:0;
  16. margin:auto;
  17. width:100%;
  18. height:100%;
  19. z-index:-1;
  20. }
  21. </style>
  22. </head>
  23. <body>
  24. <divclass="container">
  25. <divid="bg">
  26. <imgsrc="{%static'img/login.jpg'%}"alt="">
  27. </div>
  28. <div>
  29. 添加内容,该内容不会被遮挡,分割
  30. </div>
  31. </body>

以上这篇css全屏背景图片设置,django加载图片路径详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。

以下您可能有感兴趣的文章:
标签： 全屏 css
关于好代码 | 联系方式 | 版权声明 | 合作赞助 | 网站地图