网页设计中怎么让一张图片填充满整个画面求代码

具体点就是：一张图片比如宽高为：700X500但我想让这张图片填充到BODY的背景里。并且是只能出现这张图片，不能为X,Y轴平铺那种，如果是平铺那种就不要来说了。... 具体点就是：一张图片比如宽高为：700X500但我想让这张图片填充到BODY的背景里。并且是只能出现这张图片，不能为X,Y轴平铺那种，如果是平铺那种就不要来说了。展开

 我来答

8个回答

#热议# 为什么说不要把裤子提到肚脐眼？

lp5276159be1
推荐于2018-06-07 · TA获得超过2万个赞

知道大有可为答主

回答量：1万

采纳率：39%

帮助的人：4311万

我也去答题访问个人页

关注

展开全部

1、如果楼主只是将其当做一张图片显示，可以通过css控制，如img{width:100%;height:100%;}.
否则需要将其作为网页背景的话可以试试如下方法：
2、如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用<body
style="filter:progid:dximagetransform.microsoft.alphaimageloader(src='1.jpg',sizingmethod='scale')">，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。
这时可以拐个弯，设置两层div，底层div当做背景使用，放置一张图片即可。
<div id="background" style="position:absolute;z-index:-1;width:100%;height:100%;top:0px;left:0px;"><img src="1.jpg" width="100%" height="100%"/></div>
再将网页内容放置到第二层上<div id="content">页面内容</content>
3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复，但又得占满浏览器所采用的方法。

已赞过 已踩过<

评论收起

博思aippt
2024-07-20 广告

作为深圳市博思云创科技有限公司的工作人员，对于Word文档生成PPT的操作，我们有以下建议：1. 使用另存为功能：在Word中编辑完文档后，点击文件->另存为，选择PowerPoint演示文稿（*.pptx）格式，即可将文档内容转换为PPT... 点击进入详情页

本回答由博思aippt提供

我只爱优优
2017-08-09 · TA获得超过6530个赞

知道大有可为答主

回答量：4582

采纳率：75%

帮助的人：1457万

我也去答题访问个人页

关注

展开全部

你认为有这样的代码吗？你图片高500 ，网页高度多高啊。如果超过500 那肯定要拉伸图片的啊。如果你不设置背景只显示一次的话，哪么会出现很多背景图。如果你甚至背景图只显示一次，哪么就一次显示了。如果你想背景只显示一次，那只有填充。如果你需要背景图片是一个整体的画面，那就是背景多大网页多大。当然大多数是设计不是这样，都是上半部分一张背景图片，然后中间颜色过度，微博一个背景图片。