论坛 › Web开发 › 求助：（web开发）设置网页背景时所选背景图片无法无重复充满网页。

小柴小呆呆 发表于 2021-9-15 11:16:44

求助：（web开发）设置网页背景时所选背景图片无法无重复充满网页。

读者你好！下面是我打的代码，做出来的效果呢，是图片没有充满整个网页，要么是在网页下边部分重复显示图片部分内容，要么就是网页下边部分直接不显示图片了。
求求指点一下代码问题，或者教小弟一下，应该怎么写代码才能使一张图片（图片尺寸随机）无重复地铺满整个网页。感激不尽！
<style>
          body{
                  background-image:url(../img/P6.jpg);
                  background-position:center;
                  background-size:cover;
                }
</style>

Aston7 发表于 2021-9-16 09:24:23

如果是无重复的话，可以试试
background-repeat=no-repeat;

害羞的新手 发表于 2021-9-18 11:32:21

你可以这么设置
<style>
      body{
            background-image: url(bilibili.png);
            background-size: 100%;
      }
    </style>

小柴小呆呆 发表于 2021-9-22 12:23:07

Aston7 发表于 2021-9-16 09:24
如果是无重复的话，可以试试
background-repeat=no-repeat;

不太管用呢，加上这个的话就是下部分空缺的情况了。
依旧谢谢你的回答。

晴雨皆宜 发表于 2021-9-22 12:24:25

开卷有益，多多益善····

小柴小呆呆 发表于 2021-9-22 12:25:46

害羞的新手 发表于 2021-9-18 11:32
你可以这么设置

好的，这个就是想要的效果了，感谢回答哦~

查看完整版本: 求助：（web开发）设置网页背景时所选背景图片无法无重复充满网页。