css中怎么设置全屏背景图片

发布时间:2021-07-23 13:47:35 作者:Leah
来源:亿速云 阅读:117

css中怎么设置全屏背景图片,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

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

XML/HTML Code复制内容到剪贴板

  1. <head>  

  2. <style type="text/css">  

  3.     #bg {   

  4.         position:fixed;    

  5.         top:0;    

  6.         left:0;    

  7.         width:100%;    

  8.         height:100%;   

  9.     }   

  10.   

  11.     #bg img {   

  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.     <div class="container">  

  25.       <div id="bg">  

  26.         <img src="{% static 'img/login.jpg' %}" alt="">  

  27.       </div>  

  28.       <div>         

  29.                     添加内容,该内容不会被遮挡,分割     

  30.        </div>  

  31. </body>  

看完上述内容,你们掌握css中怎么设置全屏背景图片的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

推荐阅读:
  1. css如何设置全屏背景图片
  2. css设置全屏背景图片的方法

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

css

上一篇:php代码书写习惯总结

下一篇:python如何逐行读写txt文件

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》