html中,怎么把背景图片置于最低层

1、用css的z-index的属性就可以实现。首先新建一个html文件，在文件中写入一个div容器和一个图片：

2、然后在上方设置它们的样式，这里给div设置成绝对定位，图片设置成相对定位，然后设置一下它们的z-index属性，该属性用来显示元素的上下层的叠加顺序，数值越大表示的层级越高，但是只有在有定位的情况下该属性才会生效。最后设置一下div的背景颜色方便观察效果：

3、最后打开浏览器查看效果，div是在图片上面的。以上html中就是把背景图片置于最低层的方法：

background:url(bgimage.gif) no-repeat center bottom。

center  这句是图片位置横向居中。

后面的这句bottom 是图片位置竖向最底部。

超文本标记语言， 标准通用标记语言下的一个应用。

指页面内可以包含图片、 链接，甚至音乐、 程序等非文字元素。

超文本标记语言的结构包括 “头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的 具体内容。

万维网上的一个 超媒体文档称之为一个 页面。作为一个组织或者个人在 ，万维网上放置开始点的， 页面称为， 主页或首页。

主页中通常包括有指向其他相关页面或其他节点的 指针，所谓 级链接，就是一种， 统一资源定位器。

<div id="outer">

<div id="image">

<div id="logo">

</div>

</div>

<div id="menu"> <ul>

<li><a href='/index.html'target="_blank">百度首页</a></li>

<li><a href='/login.php'target="_blank">登录/注册</a></li>

<li><a href='http://www.baidu.com/luntan/show.asp?id=37'target="_blank">程序介绍</a></li>

<li><a href='http://www.baidu.com/luntan/show.asp?id=39'target="_blank">程序购买</a></li>

<li><a href='http://www.baidu.com/luntan/show.asp?id=38'target="_blank">程序价格</a></li>

<li><a href='http://www.baidu.com/luntan/show.asp?id=40'target="_blank">代理加盟</a></li>

<li><a href='http://www.baidu.com/luntan/index.asp?boardid=7'target="_blank">会员中心</a></li>

<li><a href='http://www.baidu.com/luntan/index.asp?boardid=6'target="_blank">问题交流</a></li>

</ul>

</div>

<div id="outer">

下面是图片的：

<table width="454" height="49" border="0" style="margin:0 auto">

<td><a href="http://www.baidu.com" target="_blank"><img src="images/fk.jpg" alt="" width="454" height="244"/></a></td>

</table>

<table width="968" height="49" border="0">

<td><td width="220" height="94"><img src="l.gif" tppabs="http://www.baidu.com/l.gif" width="220" height="94" /></td>

<td width="497"><!--以下是QQ邮件列表订阅嵌入代码--><script >var nId = "1880bc1556a567a01cf1cce05863021a8127a9f7bed414fb1",nWidth="auto",sColor="light",sText="输入自己的QQ邮箱如 123456@qq.com 免费获得价值800元的网赚技巧" </script><script src="http://list.qq.com/zh_CN/htmledition/js/qf/page/qfcode.js" charset="gb18030"></script></td>

<td width="133"><img src="r.gif" tppabs="http://www.baidu.com/r.gif" width="220" height="94" /></td>

</p>

</table>

---