※ 引述《a0955133 (霧燈黑)》之銘言:
爬文爬到這篇,剛好之前有找到不錯的方法,就貢獻一下吧
原文:小正正教室~CSS 排版技巧:上下左右置中、不隨頁面捲動的內容
http://0rz.tw/8a4jE
簡單說就是用IE的特殊語法來完成
先把fixed設回absolute 在塞入語法去計算top的位置
加入這段
*html #XXXX {
position:absolute;
top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat')
?documentElement.scrollTop+15 :document.body.scrollTop +
(document.body.clientHeight-this.clientHeight));
z-index:1;
}
XXXX請代入本來設的id
z-index:1; 讓div維持在最上層
嫌上面top太長,換成下面這句效果也一樣
top:expression(documentElement.scrollTop+"px");
然後在CSS最上方加入
*html html,body{
background:url(nothing.txt) white fixed;
}
這邊很怪,在背景放一個不存在的檔案,讓他固定不動
*html是for ie6 的 Hack(個人習慣用*html,當然,用其他的Hack也可以)
最後就很神奇的可以達到fixed的效果了
--
孤陰不生 獨陽不長
現在流行放blog在簽名檔
http://subwoofe.blogspot.com/
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.114.8.121
※ 編輯: kyork 來自: 59.114.8.121 (07/08 14:21)