IE下实现position:fixed效果 - 我的天地

IE下实现position:fixed效果

rurutia posted @ 2007年3月31日 22:02 in web开发 with tags firefox fixed ie , 18483 阅读

IE是不支持position:fixed属性的(除了将要释出的IE7),所以在IE下面要完成层相对窗口不动的效果一般要用到frame,但是 复杂度可想而知,而且要想做出“浮动”的效果很麻烦。前两天lyanry问起overflow标签,忽然想到可以用overflow达到fixed的效 果,试了几次,确实可行。

举个例子,在css里面添加这么两个属性:


  1. html{   
  2.         overflow: hidden;
  3. }
  4. body {
  5.         margin: 0px;
  6.         overflow: auto;
  7.         height: 100%;
  8. }

这是啥米意思呢?首先,html的overflow:hidden,使得超出窗口范围的内容隐藏,这样就不会在窗口右侧出现滚动条了。body的 height:100%,使得body内的页面内容的高度永远都是窗口的大小,body的overflow:auto使得内容超出范围了就自动加上滚动 条。

想让它浮动的层,就用position:absolute,然后指定位置就可以了,这样就做出了position:fixed的效果。

也就是说,窗口右边的滚动条实际上是body的滚动条,而不是浏览器的滚动条,不信的话,把body的margin改一下就看到了,^_^

Avatar_small
任侠 说:
2011年5月10日 23:16

刚好用到了,万恶的IE6总让我们进步


登录 *


loading captcha image...
(输入验证码)
or Ctrl+Enter
Host by is-Programmer.com | Power by Chito 1.3.3 beta | © 2007 LinuxGem | Design by Matthew "Agent Spork" McGee