网页分层,返回顶部,联系站长放在页面固定位置的方法

下面是代码可以看右下角的效果

<p>

  <style>
.kfbox{ position:fixed;right:10px;bottom:58px;z-index:9999;width:94px;}.kf_qq, .kf_diy{background:url(http://www.zhuanba8.cn/images/long_term_necessary/有问题点我~.png) no-repeat;}.kf_qq {height:73px; background-position:0 0; position:relative;}.kf_qq a{ position:absolute;width:94px;height:73px;top:0;left:0;}.kf_diy{height:28px;background-position: 0 -161px;margin-top: 5px;font-size:14px;text-align:center;line-height:26px;color:#383838}.kf_diy a{color:#383838 !important;font-family:Microsoft Yahei;}
.kf_diy a:hover{color:#000 !important}*html .kfbox {position: absolute;top:expression(eval(document.documentElement.scrollTop));}
  </style>
<div class="kfbox">
</p>
<div class="kf_qq"><a href="http://wpa.qq.com/msgrd?v=3&uin=2414954155&site=qq&menu=yes" title="点击联系站长" target="_blank" rel="nofollow"></a></div>
<div class="kf_diy">有问题点我~</a></div>
<div class="kf_diy"><a href="#">返回顶部</a></div>
<!--上qq客服在线代码 -->
                <p><a target="_blank" href="http://jq.qq.com/?_wv=1027&k=298Xrek"><img border="0" src="http://pub.idqqimg.com/wpa/images/group.png" alt="注册单发布与营销" title="注册单发布与营销" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;  &nbsp;<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=2414954155&site=qq&menu=yes"><img src="http://wpa.qq.com/pa?p=2:2414954155:51" alt="QQ交谈" width="93" height="23" border="0" title="QQ交谈"/></a></p>
              <!--下End: QQ在线客服 -->
</body>
新加评论 评论标题: