html 怎么让背景图铺满整个页面
也就是一张网页内容有多长多宽，那一张背景图就要放大到那么大，例如本身图片大小为500*500，但是内容却占了1000*2000，也就是把这张背景图片放大到1000*200...
也就是一张网页内容有多长多宽，那一张背景图就要放大到那么大，例如本身图片大小为500*500，但是内容却占了1000*2000，也就是把这张背景图片放大到1000*2000，网上搜到的那些好像都不靠谱，求大神
展开
展开全部
下面这段代码给div设置了一个宽度和高度，然后添加了一张背景图片，并使用了background-size:cover;这个属性，就会自动放大或缩小背景图片来适应，但是需要指出的是这个属性在需要在IE9及以上版本支持，谷歌和火狐都支持，具体支持情况看上面的图，浅绿的代表支持，粉红的不支持，你也可以到caniuse.com自己查看支持性
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;" charset="utf-8">
<title>无标题文档</title>
</head>
<style type="text/css">
.div1{width:500px;height:600px;background:url(images/class_nav.jpg) ;background-size:cover;}
</style>
<body>
<DIV class="div1"></div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果是background，一般没有这么弄的，有个替代方法是把图片放在<img>标签内，设置它的宽和高度为100%，
参考：http://blog.csdn.net/ysf871104/article/details/5705099
参考：http://blog.csdn.net/ysf871104/article/details/5705099
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我自己试出来的，希望有用
例子，用css
<body background="images\002.png"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
>
例子，用css
<body background="images\002.png"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
background-size: 100% 100%;
background-position: top center;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
