跨浏览器的CSS固定定位

日期：2013-12-13 来源：攀枝花惠康网络公司

实现代码如下:
……

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN”
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<style type=”text/css”>
#fixed{position:fixed;top:5em;right:0;……} /*针对IE7、Opera、Firefox一行搞定*/
</style>
/*IE6中操作容器对溢出内容的措置体例来实现的*/
<style type=”text/css”>
/*fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的，这是设置right:17px的原因*/
</style>
#fixed{position:absolute;top:expression(eval(document.body.scrollTop + 50));}
<![endif]

文章来源：攀枝花惠康网络公司

惠康网络，是一家专业从事攀枝花网站建设，攀枝花网站制作，攀枝花网站设计公司，提供网站建设一条龙服务（网站域名注册+网站服务器租用+网站开发+网站维护+网站营销推广），惠康网络立足攀枝花，辐射全中国，攀枝花惠康网络的客户已经遍布国内各地大中小城市，我们高效优质的网站建设服务深受用户好评。