CSS3的background属性如何让背景图片显示完整,而且随浏览器窗口的变小,图片背景还是完整的

 我来答
男搏万吴
2016-11-15 · TA获得超过224个赞
知道小有建树答主
回答量:278
采纳率:70%
帮助的人:82.6万
展开全部
background-size:100%
追问
试了,没用
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
网海1书生
科技发烧友

推荐于2017-11-23 · 擅长软件设计、WEB应用开发、小程序
网海1书生
采纳数:12311 获赞数:26228

向TA提问 私信TA
展开全部

不知道你说的背景图是整个窗口的背景图,宴判还是其中某个标签的背景图。下面的例子中两种都有,自己看看:

<html>
<head>
<style>
body {width:100%; height:100%; background:url(图片路径自己改) no-repeat 0 0 / 100% 100%}
.box {width:50%; height:50%; background:url(图片路径自己改) no-repeat 0 0 扰祥脊/ 100% 100%}
</style>
</head>
<body>
<div class=box></div>
</body>
</html>

如果希望背景图片保持原始的长宽比例,则这样:

<html>
<head>
<style>
body {width:100%; height:100%; background:url(图片路径自己改) no-repeat center / contain}
.box {width:50%; height:50%; background:url(图片路径自己改) no-repeat 缓渗center / contain}
</style>
</head>
<body>
<div class=box></div>
</body>
</html>
追问

我试了,不行,我现在只想让我的图片背景能显示完整。该怎么做呢

追答
那就没办法帮你了,我在自己的电脑上运行是完全没问题的,而且我用的也是win10的edge浏览器。话说你究竟有没有试我的代码呢?不要一看就说不行哦!
最好的办法是把你的代码发出来,不要光发图,否则我们是不可能知道问题所在的。
有可能你把背景图放在了一个不随窗口尺寸变化而变化的层中……总之,要代码、代码、代码!
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式