［代码转载］始终在顶部的页眉代码 - csngmap资源站－安卓资源大本营

［代码转载］始终在顶部的页眉代码

2014-03-25 01:07:35 -0400

<style>
header{ position:fixed; top:0; left:0; right:0; z-index:888; width:100%;}
.pp_nav{ height:49px; background:#6590bd; border-bottom:1px solid #4775a7;display: -webkit-box;display: -moz-box;display: box; width:100%; overflow:hidden; position:relative;}
.pp_nav span{ display:block; text-align:center; color:#fff;}
.pp_nav span:first-child,.pp_nav span:last-child{padding: 0 10px;border: 1px solid #4775a7;height: 28px;margin: 10px 10px;line-height: 26px;font-size: 14px;border-top: 1px solid #86add8;-webkit-box-shadow: 0px 1px 0px #86add8, 0px -1px 0px #4775a7;}
.pp_nav span:nth-child(2){font-size: 20px;-webkit-box-flex: 1;-moz-box-flex: 1;box-flex: 1;width: 100%; line-height:49px;}
.pp_xyy{-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.4);-moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.4);box-shadow: 0px 2px 5px rgba(0,0,0,0.4);}
header,nav{display:block;}
.pp_nav span:first-child,.pp_nav span:last-child{-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
header,nav{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
</style>
<header><nav class="pp_nav pp_xyy" style="border-bottom:0;"><span onclick="history.go(-1)">返回</span><span>csngmap资源大本营</span><span onclick="window.open('http://csngmap.wodemo.net');">首页</span></nav></header>

代码转自199785的磨，演示看页面顶部！

«Newer Older»

----Comments(3)----
airweb at 2014-07-10 04:08:
简单的position:fixed;top:0px;left:0px;

airweb
邮箱wzk@wzk.wang

弃用 (@gcud) | @ at 2014-06-18 01:42:
似乎是html5？

45310095 (@453100956) | @ at 2014-03-25 02:49:
好棒

Back to home 代码 /cat/111288