CSS3的background属性如何让背景图片显示完整，而且随浏览器窗口的变小，图片背景还是完整的
展开全部
background-size:100%
追问
试了，没用
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
不知道你说的背景图是整个窗口的背景图，还是其中某个标签的背景图。下面的例子中两种都有，自己看看：
<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浏览器。话说你究竟有没有试我的代码呢？不要一看就说不行哦！
最好的办法是把你的代码发出来，不要光发图，否则我们是不可能知道问题所在的。
有可能你把背景图放在了一个不随窗口尺寸变化而变化的层中……总之，要代码、代码、代码！
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
