gpt4 book ai didi

html - 可调整大小的背景图片

转载 作者:太空宇宙 更新时间:2023-11-04 16:20:50 24 4
gpt4 key购买 nike

我有以下代码,但我的图像不会调整大小,这是怎么回事?图片是否需要更大?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>blah</title>
<style type="text/css" media="screen, print, projection">

img#background {
position: absolute;
top: 0;
left: 0;
width: 100%
height: 100%;
}

</style>
</head>
<body>
<img id="background" src="greenbackground.png" alt="Background Image" />



</body>
</html>

最佳答案

你还需要这个:

html, body{
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: hidden;
}
img#background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin:0;
padding:0;
}

注意,使用 css3 你可以这样做:

body{
background:url(...) no-repeat;
background-size: 100%;
}

编辑:遗漏了一个;

演示:

http://jsfiddle.net/jJT45/

关于html - 可调整大小的背景图片,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6630075/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com