跨瀏覽器的CSS固定定位
日期:2013-12-13 來源:攀枝花惠康網絡公司
<style type=”text/css”>
實現代碼如下: 文章來源:攀枝花惠康網絡公司 惠康網絡,是一家專業從事攀枝花網站建設,攀枝花網站制作,攀枝花網站設計公司,提供網站建設一條龍服務(網站域名注冊+網站服務器租用+網站開發+網站維護+網站營銷推廣),惠康網絡立足攀枝花,輻射全中國,攀枝花惠康網絡的客戶已經遍布國內各地大中小城市,我們高效優質的網站建設服務深受用戶好評。
……
<!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]