首页 > Web开发 > 详细

table布局的简单网页

时间:2016-07-28 16:09:27      阅读:281      评论: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
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!