html背景图片定位方法

最新推荐文章于 2024-10-24 11:14:00 发布

原创最新推荐文章于 2024-10-24 11:14:00 发布 · 3.1k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html背景图定位

方法：采用两个table嵌套的方式，这样可以适合多种分辨率的屏幕。

代码如下：

<table width="100%" border="0" background="/image/b.png">
<tr>
				<td width="100%"><table cellpadding="0"
						background="/image/q.png" cellspacing="0" border="0"
						style="width: 950px; height: 760px; " align="center">
<tr></tr>
	</table></td>
			</tr>
</table>

说明：外面的table 的背景图是可以供拉伸的，不影响观看效果。

里面的table是固定大小，如登录时的用户名，密码等，这样子可以在这个table 中添加控件，控件的位置固定，不会随着分辨率的变化而错位。

具体方法：将一张图片使用抠图工具将文字抠出作为里面table的background，而无文字的那张图片作为外面table的background。