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

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

创新互联公司-专业网站定制、快速模板网站建设、高性价比建邺网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式建邺网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖建邺地区。费用合理售后完善,十年实体公司更值得信赖。

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中怎么设置全屏背景图片的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注创新互联行业资讯频道,感谢各位的阅读!

网站题目:css中怎么设置全屏背景图片
网站地址:https://www.cdcxhl.com/article12/jgdogc.html

成都网站建设公司_创新互联,为您提供网站改版网站收录微信小程序网站设计公司定制网站搜索引擎优化

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

网站建设网站维护公司