摘要: 网页中我们经常遇到一些固定在页面中某个位置的返回顶部、分享等小按钮,它不会跟随滚动条改变位置。如下图:CSS实现固定定位最简便的是position:fixed;但是IE6不支持fixed,要实现IE6下的固定定位方法有多种,比如通过js、css表达式,这里分享一种纯CSS的解决方法。原理:把需要固定定位的元素相对于html定位,并保证html不产生滚动条,然后把body的高度设置为窗口的高度,内容溢出时body产生滚动条,这样在视觉上元素始终保持在浏览器窗口的固定位置。具体实现代码如下,供参考: 1 2 3 4 5 纯CSS实现固定定位position:fixed(兼容IE6) 6 ... 阅读全文
posted @ 2013-09-20 13:01 倒霉熊 阅读(2961) 评论(0) 推荐(1) 编辑