满屏 背景图

Posted j190512

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了满屏 背景图相关的知识,希望对你有一定的参考价值。

wxss中 
  page{
    width:100%;
    height:100vh;
    background-image:url("转码 base64")
    background-size: cover;
    background-repeat: no-repeat;
  }
这样可以满屏
可是!!!
当内容过多 即屏幕可以滑动时 嘿嘿,背景图也是可以滑动的....多出的部分是空的  
解决办法 
  加一行代码即可:  
    background-attachment:fixed;
结束!
 
 

以上是关于满屏 背景图的主要内容,如果未能解决你的问题,请参考以下文章

css 如何把背景图占满整个屏幕

满屏背景(不能出现下右滚动条)及内容随浏览器一定伸缩的实现

word中背景图片大小如何调整

网页制作网页中,如何让背景图片在任何电脑显示频上看都是满屏,宽度刚好的?(没有左右滚动条的)

CSS DIV嵌套,父DIV的背景图覆盖子DIV的背景图,还是子DIV的背景图覆盖父DIV的背景图

PPT里面某板块起初都是红色,如何翻页变为蓝色