关于{position:fixed}

最新推荐文章于 2024-11-09 21:24:41 发布

keyunq

最新推荐文章于 2024-11-09 21:24:41 发布

阅读量1.3k

点赞数

分类专栏： div+css 文章标签： scroll html xhtml ie

div+css 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

<html> <head> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">#fixed{position:fixed;top:5em;right:0;} </style> </mce:style><style type="text/css" mce_bogus="1">html{overflow:hidden;} body{height:100%;overflow:auto;} #fixed{position:absolute;right:17px;} //fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的，这是设置right:17px的原因</style> <![endif]--> </mce:style><style type="text/css" mce_bogus="1">#fixed{position:absolute;top:expression(eval(document.body.scrollTop + 50));}</style> <![endif]--> </head> <body> <div id="fixed"> <table cellspacing="0" cellpadding="0"><tbody style="background: none repeat scroll 0% 0% transparent;" mce_style="background: none repeat scroll 0% 0% transparent;"><tr> <td style="background: none repeat scroll 0% 0% transparent;" mce_style="background: none repeat scroll 0% 0% transparent;"> <img style="cursor: pointer;" mce_style="cursor: pointer;" src="http://v2.jiathis.com/code/images/r1.gif" mce_src="http://v2.jiathis.com/code/images/r1.gif" id="jiathis_a"></td> </tr></tbody></table></div>

来源：http://dancewithnet.com/2007/04/19/cross-brower-css-fixed-position/