解決IE6不支援position fixed屬性

2022-03-08 21:38:06 字數 782 閱讀 1606

最近在優化**浮動廣告時候遇見了ie6不支援position:fixed屬性。上網收集了一下解決方案

比較好的方案就是利用css表示式進行解決

補充:css expression (css 表示式),是一種使用動態設定 css 屬性的方式,並且被 ie5 以上的版本所支援,但是 ie8 的標準模式已不再支援 css 表示式了

ie7和以上的瀏覽器都支援position:fixed;

之前寫過一篇介紹過固定頁尾的文字,那時候沒在ie6下測試

方法一

優點:比較簡單,方便!就針對ie6的hack

缺點:乙個頁面只能有乙個元素是position:absolute 不然所有設定absolute的元素都會浮動

方法二 利用css表示式–固定底部

_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)));

優點:很好的相容ie6

確定:css也比較耗效能,但是比用js寫法要好一點

補充:解決ie6下振動bug

* html,* html body

完美解決IE6不支援position fixed

廢話不多說,先看一下下面這段 以上這段 在網上很常見,通過設定html和body來實現ie6下position fixed效果,但這種辦法有個缺陷,那就是 這會使頁面上原有的absolute relation都變成fixed的效果,在這裡我就不做demo了,如果有懷疑,可以自己去試驗一下。於是我找了...

IE6不支援position fixed的解決方法

在做頁面右下腳對話方塊時,直接使用position fixed 大部分瀏覽器很容易就能做到,但是在ie6中卻發現不行,原來是ie6不支援position fixed 這個屬性。雖然用js肯定能解決這個問題,但是總覺得用js來做布局的工作不是很好,網上找了下這個問題,發現可以直接用css方法解決,如下...

IE6不支援position fixed的bug

眾所周知ie6不支援position fixed,這個bug與ie6的雙倍margin和不支援png透明等bug一樣臭名昭著。前些天我做自己的部落格模板的時候,遇到了這個問題。當時就簡單的無視了ie6 儘管有幾個使用ie6的朋友,一起bs我 但是對於大專案或商業 如果有用到這個屬性的時候,是不可能直...