您的位置:首页 > Web前端 > HTML

html背景图片定位方法

2016-02-14 00:39 337 查看
方法:采用两个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。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: