固定在屏幕恆定位置的div層

在wp中文論壇看到一個仿vista風格的模板,在下面恆定固定了一個div層。我一直想要這個效果但一直沒找到方法,這次趕快琢磨一下。原來其主體是position:fixed;,但這個並不適合ie6,於是去找解決法子。嘗試幾次後發現,只要在css里加多一段就可以輕鬆解決。整個css如下(示例爲屏幕右下角):

right:0;
bottom:0;
z-index:1;
position: fixed;
_position: absolute; _bottom: auto; _top: expression( eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop + (documentElement.clientHeight - this.clientHeight) - 1 : document.body.scrollTop + (document.body.clientHeight - this.clientHeight) - 1);
只是不知道這樣放廣告會不會讓廣告商有意見。嘿嘿,有了這個東西,有空就可以解決對聯等浮動問題了。比js更簡單,畢竟少了些文件嘛。

PS:把*改爲了_以避免ie7識別。


原文地址:固定在屏幕恆定位置的div層

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章