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