码迷,mamicode.com
首页 > Web开发 > 详细

table布局的简单网页

时间:2016-07-28 16:11:36      阅读:191      评论:0      收藏:0      [点我收藏+]

标签:

---恢复内容开始---

 由于<body>标签的图片不能够拉伸,

解决办法:

1、图片不够大,又background属性不能拉伸图片;

 2、只能用个div,把其z-index值设为负,并使这个div大小为整个body大小,在div里用<img>

 3、body的background属性去掉,要不然会被遮住

 

 1 <!DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>background</title>
 6     <style>
 7         * {
 8             margin: 0;
 9             padding: 0;
10         }
11     </style>
12 </head>
13 <body>
14     <div id="Layer1" style="position:absolute; width:100%; height:100%; z-index:-1">
15         <img src="imgs/back.jpg" height="100%" width="100%"/>
16     </div>
17 </body>
18 </html>

 

---恢复内容结束---

table布局的简单网页

标签:

原文地址:http://www.cnblogs.com/Hmin2199/p/5715116.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!