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

html-css024

网页设计中怎么让一张图片填充满整个画面 ？,第1张

1、如果楼主只是将其当做一张图片显示，可以通过css控制，如img{width:100%height:100%}.\x0d\x0a否则需要将其作为网页背景的话可以试试如下方法：\x0d\x0a2、如果这张图片为背景图片由于背景图片不具有伸缩性，只能通过别的方法绕着解决，在ie中可以用，实现背景拉伸铺满整个浏览器，但其它的浏览器不支持。\x0d\x0a这时可以拐个弯，设置两层div，底层div当做背景使用，放置一张图片即可。\x0d\x0a \x0d\x0a再将网页内容放置到第二层上页面内容\x0d\x0a3、网页背景图片默认情况下是重复平铺满整个页面。上面2方法是要求图片不重复，但又得占满浏览器所采用的方法。 回答于 2022-12-11

css设置一张图拉伸填满整个窗口，我们可以通过给这个图片设置width，height都给他们100%的高度和宽度，然后在就能看到填满全屏了，举个例子：

<html>

<head>

<style>

.class{

width:100%

//通过class来控制

height:100%

}

</style>

</head>

<body>

<div

id='content'>

<div

class='img'>

<img

src='图片地址'>

</img>

</div>

</body>

</html>