鱼C论坛

 找回密码
 立即注册
查看: 4115|回复: 5

[已解决]求助:(web开发)设置网页背景时所选背景图片无法无重复充满网页。

[复制链接]
发表于 2021-9-15 11:16:44 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
读者你好!下面是我打的代码,做出来的效果呢,是图片没有充满整个网页,要么是在网页下边部分重复显示图片部分内容,要么就是网页下边部分直接不显示图片了。
求求指点一下代码问题,或者教小弟一下,应该怎么写代码才能使一张图片(图片尺寸随机)无重复地铺满整个网页。感激不尽!
<style>
            body{
                    background-image:url(../img/P6.jpg);
                    background-position:center;
                    background-size:cover;
                }
</style>
最佳答案
2021-9-18 11:32:21
你可以这么设置
<style>
        body{
            background-image: url(bilibili.png);
            background-size: 100%;
        }
    </style>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2021-9-16 09:24:23 From FishC Mobile | 显示全部楼层
如果是无重复的话,可以试试
background-repeat=no-repeat;
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-9-18 11:32:21 | 显示全部楼层    本楼为最佳答案   
你可以这么设置
<style>
        body{
            background-image: url(bilibili.png);
            background-size: 100%;
        }
    </style>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 2 反对 0

使用道具 举报

 楼主| 发表于 2021-9-22 12:23:07 | 显示全部楼层
Aston7 发表于 2021-9-16 09:24
如果是无重复的话,可以试试
background-repeat=no-repeat;

不太管用呢,加上这个的话就是下部分空缺的情况了。
依旧谢谢你的回答。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2021-9-22 12:24:25 | 显示全部楼层
开卷有益,多多益善····
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2021-9-22 12:25:46 | 显示全部楼层

好的,这个就是想要的效果了,感谢回答哦~
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-23 03:15

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表