网页设计中怎么让一张图片填充满整个画面 求代码
具体点就是：一张图片比如宽高为：700X500但我想让这张图片填充到BODY的背景里。并且是只能出现这张图片，不能为X,Y轴平铺那种，如果是平铺那种就不要来说了。...
具体点就是：一张图片比如宽高为：700X500但我想让这张图片填充到BODY的背景里。并且是只能出现这张图片，不能为X,Y轴平铺那种，如果是平铺那种就不要来说了。
展开
8个回答
展开全部
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方法是要求图片不重复，但又得占满浏览器所采用的方法。
否则需要将其作为网页背景的话可以试试如下方法：
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提供
展开全部
你认为 有这样的代码吗 ？ 你图片高500 ，网页高度多高啊 。如果超过500 那肯定 要拉伸图片的啊。如果你不设置背景只显示一次的话 ，哪么会出现很多背景图。如果你甚至背景图 只显示一次，哪么就一次显示了 。如果你想 背景只显示一次 ，那只有填充 。如果你需要背景图片 是一个整体的画面 ，那就是背景多大 网页多大。 当然大多数是设计 不是这样，都是上半部分 一张背景图片，然后中间颜色过度，微博一个背景图片 。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2017-08-07 · 知道合伙人互联网行家
zhuxinjun1982
知道合伙人互联网行家
采纳数：2145
获赞数：8329
毕业于上海行健职业学院，大专学历；2007~2009在北大青鸟进修网络编程课目。现任网络主管，平时爱好上网。
向TA提问 私信TA
关注
![]()
展开全部
不能平铺就把你页面大小调整到700*500，或者拉伸，但是拉伸肯定影响画质甚至变形。
所以你这要求好像无法达到啊。图片就那么大，你又不能平铺，自动填充且不改变像素保持原画面是不可能实现的。
所以你这要求好像无法达到啊。图片就那么大，你又不能平铺，自动填充且不改变像素保持原画面是不可能实现的。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给body填加一个背景图片，然后加多一个：background-size100% 100%;就行了
希望能帮到你，望采纳
希望能帮到你，望采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你可以设置body的CSS属性啊
body{
background-image:url(图片URL);
background-repeat:no-repeat;
}
你还可以使用background-position设置图片显示在哪里
body{
background-image:url(图片URL);
background-repeat:no-repeat;
}
你还可以使用background-position设置图片显示在哪里
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（6）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
