程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> C語言 >> C++ >> C++入門知識 >> 解決ie6中fixed不起作用的問題

解決ie6中fixed不起作用的問題

編輯:C++入門知識

有時需要把一個元素固定在頁面的某個部位,一般的解決方法是:

<div class="box"></div>

.box{position:fixed;bottom:0;right:10px;}

讓元素固定在浏覽器的底部和距離右邊的10個像素。一般的浏覽器都支持這種方法,但是ie6不支持fixed

解決辦法:

.box{osition:fixed;
_position:absolute;
bottom:0;
right:10px;
_bottom:auto;

 _top:expression(eval(document.documentElement.scrollTop

+document.documentElement.clientHeight

-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)

-(parseInt(this.currentStyle.marginBottom,10)||0)))}

 

使元素固定在浏覽器的頂部:.box{
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop));
}使元素固定在浏覽器的底部:.box{
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop

+document.documentElement.clientHeight

-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)

-(parseInt(this.currentStyle.marginBottom,10)||0)));
}這兩段代碼只能實現在最底部跟最頂部,你可以使用 _margin-top:10px; 或者 _margin-bottom:10px; 修改其中的數值控制元素的位置。


在ie中你會發現被固定定位的元素在滾動滾動條的時候會閃動

解決的方法是:

*html{ background-image:url(about:blank);  //使用空背景

          background-attachment:fixed;  //固定背景

}

這樣ie6中不支持fixed問題算是解決了

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved