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

发布网友发布时间：2022-04-26 00:05

共5个回答

热心网友时间：2022-05-05 02:31

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方法是要求图片不重复，但又得占满浏览器所采用的方法。

热心网友时间：2022-05-05 03:49

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

热心网友时间：2022-05-05 05:24

不能平铺就把你页面大小调整到700*500，或者拉伸，但是拉伸肯定影响画质甚至变形。
所以你这要求好像无法达到啊。图片就那么大，你又不能平铺，自动填充且不改变像素保持原画面是不可能实现的。

热心网友时间：2022-05-05 07:15

给body填加一个背景图片，然后加多一个：background-size100% 100%;就行了
希望能帮到你，望采纳

热心网友时间：2022-05-05 09:23

你可以设置body的CSS属性啊

body{
background-image:url(图片URL);
background-repeat:no-repeat;
}

你还可以使用background-position设置图片显示在哪里

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

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