html 怎么让背景图铺满整个页面

也就是一张网页内容有多长多宽,那一张背景图就要放大到那么大,例如本身图片大小为500*500,但是内容却占了1000*2000,也就是把这张背景图片放大到1000*200... 也就是一张网页内容有多长多宽,那一张背景图就要放大到那么大,例如本身图片大小为500*500,但是内容却占了1000*2000,也就是把这张背景图片放大到1000*2000,网上搜到的那些好像都不靠谱,求大神 展开
 我来答
55starting
2013-04-26 · TA获得超过489个赞
知道答主
回答量:137
采纳率:0%
帮助的人:105万
展开全部

下面这段代码给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>

博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
ITKid
2014-05-26 · TA获得超过890个赞
知道小有建树答主
回答量:791
采纳率:0%
帮助的人:728万
展开全部
如果是background,一般没有这么弄的,有个替代方法是把图片放在<img>标签内,设置它的宽和高度为100%,
参考:http://blog.csdn.net/ysf871104/article/details/5705099
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
冰冷死亡海
推荐于2018-02-16 · TA获得超过2012个赞
知道小有建树答主
回答量:1694
采纳率:87%
帮助的人:160万
展开全部
我自己试出来的,希望有用
例子,用css
<body background="images\002.png"
style=" background-repeat:no-repeat ;
background-size:100% 100%;
background-attachment: fixed;"
>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
雨下一整夜zH
2017-11-14 · 超过22用户采纳过TA的回答
知道答主
回答量:64
采纳率:55%
帮助的人:27.6万
展开全部
background-size: 100% 100%;
background-position: top center;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
jq...7@163.com
2021-04-01 · TA获得超过1583个赞
知道答主
回答量:0
采纳率:0%
帮助的人:0
展开全部

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(5)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

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

类别

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

说明

0/200

提交
取消

辅 助

模 式