背景图片随网页的变化而变化(指大小)

最新推荐文章于 2020-09-28 06:05:06 发布

liu1220356497

最新推荐文章于 2020-09-28 06:05:06 发布

阅读量1.4k

点赞数

文章标签： HTML 背景图片

本文链接：https://blog.csdn.net/liu1220356497/article/details/8849517

版权

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">
#bg {
	position: absolute;
	z-index: -100;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0px;
	padding: 0px;
}
#bgimg {
	width: 100%;
	height: 100%;
	margin: 0px;
	border-style: none;
}
</style>
<script type="text/javascript">
//<![CDATA[
window.onload = function() {
	if (!window.event) return;
	var bgimg = document.getElementById("bgimg");
	var bg = document.getElementById("bg")
	bg.onresize = function() {
		bgimg.style.width = this.offsetWidth + "px";
		bgimg.style.height = this.offsetHeight + "px";
	};
	bg.onresize();
};
//]]>
</script>
</head>
<body>
<div>
<div id="bg"><img id="bgimg" src="psd/login1.png" /></div><!--在此处更换图片的路径-->

<div id="content">
<table width="100%" height="100%" align="center" valign="middle">
	  		<tr>
	  			<td valign="middle">
  					<table align="center" height="45%">
  						<tr>
  							<td align="left"><b>用户名:</b></td>
  							<td align="left"><input name="userName" type="text" size="15" onFocus="true" value="admin"></td>
  						</tr>
  						<tr height="20dp"><td></td></tr>
  						<tr>
  							<td align="left"><b>密  码:</b></td>
							<td align="left"><input name="password" type="password" size="15" onFocus="true" value="admin"></td>
  						</tr>
  						<tr height="20dp"><td></td></tr>
  						<tr>
  							<td align="left"><b>服务器:</b></td>
							<td align="left"><input name="servers" type="text" size="15" onFocus="true" value="."></td>
							<td><input type="checkbox" name="realm" id="realm" />启用域名</td>
  						</tr>
				  </table>
  						<table align="center">
  						<tr height="40"><td></td></tr>
  						<tr>
  							<td align="center"><input type=submit value="登录" style="width:100px;height:35px"/></td>
  							<td align="center"><input type=button value="清除" style="width:100px;height:35px" onClick="Empty()" ></td>
  						</tr>
  						<tr><td></td></tr>
  					</table>
  			  </td>
	  		</tr>
  </table>
</div>
</div>
</body>
</html>

liu1220356497

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
背景图片随网页的变化而变化(指大小)

Test#bg { position: absolute; z-index: -100; left: 0px; top: 0px; right: 0px; bottom: 0px; margin: 0px; padding: 0px;}#bgimg { width: 100%; height: 100%; margin: 0px; border-style: non
复制链接

扫一扫