web菜鸟开发吧 关注:51贴子:336
  • 7回复贴,共1

固定图片,

只看楼主收藏回复

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>背景</title>
<style type="text/css">
html,body,ul,li,div{margin:0;padding:0;height:100%;width:100%}
#layout{display:block;height:100%;width:100%;}
#layout img{display:block;height:100%;width:100%;position:fixed;top:0;}
ul{list-style:none;display:block;width:100%;top:0;opacity:0.8}
ul li{display:block;height:600px;width:100%;font-size:30px;text-align:center}
.li1{background:green;}
.li2{background:gray;}
.li3{background:blue;}
.li4{background:yellow;}
</style>
</head>
<body>
<div id="layout" class="">
<img src="big2.jpg" width="100%" height="100%" alt="" />
<ul>
<li class="li1">页面1
<p>此功能炫酷到没朋友,由群友莉莉安提出来的</p>
<span class="">刚刚写出来的,好东西给大家分享一下,)</span>
</li>
<li class="li2">页面2
<span class="">重要的事情说三遍:</span>
</li>
<li class="li3">页面3
<span class="">重要的事情说三遍:</span>
</li>
<li class="li4">页面4
<span class="">重要的事情说三遍:</span>
</li>
</ul>
</div>
</body>
</html>


1楼2015-12-16 23:11回复
    全是干货直接上代码了请记住我们的群号:517386559,我们的贴吧(web菜鸟开发吧;链接:http://tieba.baidu.com/p/4212613077


    2楼2015-12-16 23:12
    回复
      这么好的帖子必须得顶起来,楼主威武


      来自Android客户端3楼2015-12-17 01:55
      回复
        必须的棒极了


        来自手机贴吧4楼2015-12-17 13:53
        回复
          顶起来喽


          5楼2015-12-17 23:59
          回复
            有用啊!


            来自Android客户端6楼2015-12-18 15:08
            回复
              有用就好


              来自Android客户端7楼2015-12-18 16:00
              回复


                IP属地:河北来自Android客户端8楼2015-12-21 15:21
                回复