首页 > 其他 > 详细

右侧底部跟着浏览器滑动

时间:2014-02-07 05:17:48      阅读:362      评论:0      收藏:0      [点我收藏+]

<div class="float_right">
 <div style="clear:both;margin:auto;bottom:80px;overflow:hidden;"><a href="#dg"><img src=\‘#\‘" /right_dg.png"></a></div>
</div>



.float_right { position: fixed; right: 50px; top: 300px; width: 78px; height: 81px; }
* html .float_right { position: absolute; right:expression(eval(document.documentElement.scrollLeft)+2);
top:expression(eval(document.documentElement.scrollTop)+300)
}

<div class="bottom">
 <div style="width:1000px;margin:0 auto;position:relative;"><a href="#dg"><img alt="金福" src=\‘#\‘" /dg_b.jpg" height="47" width="1000"></a> <span  style="position:absolute;bottom:8px; height:30px; overflow:hidden; line-height:30px; font-size:16px;right:150px;color:#fff; width:180px;">订购代码:
   <input name="ordercode" type="text" value="" readonly class="ordercode" style="width:80px;border:0;background:#555555;color:#fff;" />
   </span> </div>
</div>


.bottom { position: fixed; bottom: 0px; top: auto; z-index: 99; background: #717171; width: 100%; height: 47px; border-top: 1px solid #fff; }
.bottom { _position: absolute; _bottom: auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt (this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0)));
}

右侧底部跟着浏览器滑动

原文:http://lovesnow.blog.51cto.com/8334309/1355126

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!