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

IE下实现position:fixed效果

rurutia posted @ 2007-03-31 02:02PM in web开发 with tags firefox fixed ie

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

举个例子，在css里面添加这么两个属性：

html{
overflow: hidden;
}
body {
margin: 0px;
overflow: auto;
height: 100%;
}

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

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

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

Comments

Extraordinarity: , < [Guest] posted @ 2008-08-28 11:21PM

Extraordinarity: , <a href="http://uvtaulwc.wtcsites.com/penis-licking-sample.html">ejaculation miss samples</a>, [url="http://uvtaulwc.wtcsites.com/penis-licking-sample.html"]ejaculation miss samples[/url], http://uvtaulwc.wtcsites.com/penis-licking-sample.html ejaculation miss samples, <a href="http://fgyafuwx.100freemb.com/steamy-wife.html">film brother humped miss</a>, [url="http://fgyafuwx.100freemb.com/steamy-wife.html"]film brother humped miss[/url], http://fgyafuwx.100freemb.com/steamy-wife.html film brother humped miss, <a href="http://qwovdntg.virtue.nu/slender-bird-film.html">teen peignoir films</a>, [url="http://qwovdntg.virtue.nu/slender-bird-film.html"]teen peignoir films[/url], http://qwovdntg.virtue.nu/slender-bird-film.html teen peignoir films, <a href="http://uihyaxtn.012webpages.com/pubescent-loose-woman-samplegraphy.html">au naturel sample girls</a>, [url="http://uihyaxtn.012webpages.com/pubescent-loose-woman-samplegraphy.html"]au naturel sample girls[/url], http://uihyaxtn.012webpages.com/pubescent-loose-woman-samplegraphy.html au naturel sample girls,

Extraordinarity: , < [Guest] posted @ 2008-08-28 11:22PM

He rised. , <a href= [Guest] posted @ 2008-09-01 08:46PM

He rised. , <a href="http://private-scenes.newxxxvideo.net/animes-of-dames-in-bodystocking.html">animes of females in brassiere</a>, [url="http://private-scenes.newxxxvideo.net/animes-of-dames-in-bodystocking.html"]animes of females in brassiere[/url], http://private-scenes.newxxxvideo.net/animes-of-dames-in-bodystocking.html animes of females in brassiere, <a href="http://private-scenes.newxxxvideo.net/bondage-anime.html">orgasm woman toons free</a>, [url="http://private-scenes.newxxxvideo.net/bondage-anime.html"]orgasm woman toons free[/url], http://private-scenes.newxxxvideo.net/bondage-anime.html orgasm woman toons free, <a href="http://private-scenes.newxxxvideo.net/nipple-animes.html">nates fight toons</a>, [url="http://private-scenes.newxxxvideo.net/nipple-animes.html"]nates fight toons[/url], http://private-scenes.newxxxvideo.net/nipple-animes.html nates fight toons, <a href="http://private-scenes.newxxxvideo.net/teenager-prostitute-scene.html">teenager prostitute scene</a>, [url="http://private-scenes.newxxxvideo.net/teenager-prostitute-scene.html"]teenager prostitute scene[/url], http://private-scenes.newxxxvideo.net/teenager-prostitute-scene.html teenager prostitute scene, <a href="http://private-scenes.newxxxvideo.net/hosiery-adolescent-model-toons.html">hosiery adolescent model toons</a>, [url="http://private-scenes.newxxxvideo.net/hosiery-adolescent-model-toons.html"]hosiery adolescent model toons[/url], http://private-scenes.newxxxvideo.net/hosiery-adolescent-model-toons.html hosiery adolescent model toons,

Welcome friends! , < [Guest] posted @ 2008-09-06 01:16PM

Welcome friends! , <a href="http://young-females.newxxxvideo.net/vivid-peaches-animes.html">jerk off adulteress free toons</a>, [url="http://young-females.newxxxvideo.net/vivid-peaches-animes.html"]jerk off adulteress free toons[/url], http://young-females.newxxxvideo.net/vivid-peaches-animes.html jerk off adulteress free toons, <a href="http://young-females.newxxxvideo.net/teenager-wonderbra-anime.html">toons of young models</a>, [url="http://young-females.newxxxvideo.net/teenager-wonderbra-anime.html"]toons of young models[/url], http://young-females.newxxxvideo.net/teenager-wonderbra-anime.html toons of young models, <a href="http://young-females.newxxxvideo.net/little-slut-scene.html">little slut scene</a>, [url="http://young-females.newxxxvideo.net/little-slut-scene.html"]little slut scene[/url], http://young-females.newxxxvideo.net/little-slut-scene.html little slut scene, <a href="http://young-females.newxxxvideo.net/animes-of-bitches-caressing.html">toons of whores in scanty</a>, [url="http://young-females.newxxxvideo.net/animes-of-bitches-caressing.html"]toons of whores in scanty[/url], http://young-females.newxxxvideo.net/animes-of-bitches-caressing.html toons of whores in scanty, <a href="http://young-females.newxxxvideo.net/toons-of-juvenile-tangas.html">toons phallusadulteress</a>, [url="http://young-females.newxxxvideo.net/toons-of-juvenile-tangas.html"]toons phallusadulteress[/url], http://young-females.newxxxvideo.net/toons-of-juvenile-tangas.html toons phallusadulteress,

BMR3EG <a href="htt [Guest] posted @ 2008-09-11 11:31PM

BMR3EG <a href="http://curbungjzpgl.com/">curbungjzpgl</a>, [url=http://uvifbfqwzetf.com/]uvifbfqwzetf[/url], [link=http://vkrirczkntbl.com/]vkrirczkntbl[/link], http://zibckzypynjn.com/

LBi4Yh <a href="htt [Guest] posted @ 2008-09-12 01:04AM

LBi4Yh <a href="http://cuatjshbfhzi.com/">cuatjshbfhzi</a>, [url=http://ivnreuobshnk.com/]ivnreuobshnk[/url], [link=http://kdrueqgxwmag.com/]kdrueqgxwmag[/link], http://eyepvqgggaay.com/

n6rQhu <a href="htt [Guest] posted @ 2008-09-13 04:59PM

n6rQhu <a href="http://vpkvftugbmlr.com/">vpkvftugbmlr</a>, [url=http://yjabavhgoqyl.com/]yjabavhgoqyl[/url], [link=http://obhwcjmojrys.com/]obhwcjmojrys[/link], http://foweoqmwnvbn.com/

DbxZ0j <a href="htt [Guest] posted @ 2008-09-14 02:13AM

DbxZ0j <a href="http://iarhqzgebouj.com/">iarhqzgebouj</a>, [url=http://cilojcpvsxuy.com/]cilojcpvsxuy[/url], [link=http://dvsgrhfiyvyn.com/]dvsgrhfiyvyn[/link], http://hpcwpdltosuy.com/

qF8I2y <a href="htt [Guest] posted @ 2008-10-03 12:49AM

qF8I2y <a href="http://iajjppkbxyba.com/">iajjppkbxyba</a>, [url=http://yyxntpvxvvcp.com/]yyxntpvxvvcp[/url], [link=http://mmiswxbpbvdp.com/]mmiswxbpbvdp[/link], http://zzqqrpvdzfdp.com/

Just do it: , <a hre [Guest] posted @ 2008-10-04 01:10AM

Just do it: , <a href="http://www.vidilife.com/index.cfm?f=profile.main&intUserAccountID=1156457">how to make a female ejaculate</a>, [url="http://www.vidilife.com/index.cfm?f=profile.main&intUserAccountID=1156457"]how to make a female ejaculate[/url], http://www.vidilife.com/index.cfm?f=profile.main&intUserAccountID=1156457 how to make a female ejaculate, <a href="http://members.work.com/d1g3h9">justin timberlake sexy back house version</a>, [url="http://members.work.com/d1g3h9"]justin timberlake sexy back house version[/url], http://members.work.com/d1g3h9 justin timberlake sexy back house version, <a href="http://www.vidilife.com/index.cfm?f=profile.main&intUserAccountID=1156449">wired pussy torture</a>, [url="http://www.vidilife.com/index.cfm?f=profile.main&intUserAccountID=1156449"]wired pussy torture[/url], http://www.vidilife.com/index.cfm?f=profile.main&intUserAccountID=1156449 wired pussy torture,

My submissions: , <a [Guest] posted @ 2008-10-22 04:52PM

My submissions: , <a href="http://gs73.photobucket.com/groups/i236/9W9MMTIR48/">horny busty babes</a>, [url="http://gs73.photobucket.com/groups/i236/9W9MMTIR48/"]horny busty babes[/url], http://gs73.photobucket.com/groups/i236/9W9MMTIR48/ horny busty babes, <a href="http://www.vidilife.com/index.cfm?f=profile.main&intUserAccountID=1162467">hot naked girls video</a>, [url="http://www.vidilife.com/index.cfm?f=profile.main&intUserAccountID=1162467"]hot naked girls video[/url], http://www.vidilife.com/index.cfm?f=profile.main&intUserAccountID=1162467 hot naked girls video, <a href="http://www.movieweb.com/u/u1r5e0">old lady butt sex</a>, [url="http://www.movieweb.com/u/u1r5e0"]old lady butt sex[/url], http://www.movieweb.com/u/u1r5e0 old lady butt sex, <a href="http://www.clubplanet.com/d1f5n0/">suck my dick videos</a>, [url="http://www.clubplanet.com/d1f5n0/"]suck my dick videos[/url], http://www.clubplanet.com/d1f5n0/ suck my dick videos, <a href="http://www.citeulike.org/profile/s1r5t0">free nudity no registration</a>, [url="http://www.citeulike.org/profile/s1r5t0"]free nudity no registration[/url], http://www.citeulike.org/profile/s1r5t0 free nudity no registration,

My submissions: , <a [Guest] posted @ 2008-10-22 04:53PM

lqttzla [Guest] posted @ 2008-11-02 11:12AM

L7yQV3 <a href="http://ycxdynyacxiz.com/">ycxdynyacxiz</a>, [url=http://ayichkattmkb.com/]ayichkattmkb[/url], [link=http://zxlpfkppgdmj.com/]zxlpfkppgdmj[/link], http://gsgthbppicca.com/

Thanks!, <a href="ht [Guest] posted @ 2008-11-17 03:42PM

Thanks!, <a href="http://tijxelhe.b-w-h.com/adult-costume-lazytown.html">adult costume lazytown</a>, 8-]]], <a href="http://zodrucex.envy.nu/adult-amateur-free-movie-prn-site.html">adult amateur free movie prn site</a>, 8219, <a href="http://fizxefw8.servetown.com/adult-dvd-fi-movie-sec-xx.html">adult dvd fi movie sec xx</a>, yve, <a href="http://danruq6b.100megsfree5.com/young-adult-health-insurance.html">young adult health insurance</a>, =-PP, <a href="http://yitkomfj.angelcities.com/adult-pron.html">adult pron</a>, qyn, <a href="http://bixqie3f.exactpages.com/only-movies-adult.html">only movies adult</a>, 5462, <a href="http://tikfudrt.1accesshost.com/adult-hockey-monarch.html">adult hockey monarch</a>, ksgi, <a href="http://gikkid7y.digitalzones.com/adult-toy-jack-rabbit.html">adult toy jack rabbit</a>, %-[[[,