IE6支持position:fixed完美解決方法
更新時間：2008年09月15日 22:56:03 作者：
IE7已經(jīng)支持position:fixed了，而我們的IE6呢？還繼續(xù)使用js事件？消耗資源，破壞結(jié)構，畫面閃耀。
今天去一老外站看到了這他站上的十分平滑但卻沒有js，好奇，原來。。巧妙啊，分享下，相對而言比較節(jié)省資源。但效果好，使用方便，兼顧w3c。哈哈
<!-- compliance patch for microsoft browsers -->
<!--[if lt IE 7]><link rel="stylesheet" href="ie-stuff.css" type="text/css" media="screen"/><![endif]-->
ie-stuff.css
#footer {
position: absolute;
bottom: auto;
clear: both;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) - 1
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight) - 1);
}
復制代碼 代碼如下:
<!-- compliance patch for microsoft browsers -->
<!--[if lt IE 7]><link rel="stylesheet" href="ie-stuff.css" type="text/css" media="screen"/><![endif]-->
ie-stuff.css
復制代碼 代碼如下:
#footer {
position: absolute;
bottom: auto;
clear: both;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight) - 1
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight) - 1);
}
相關文章
htm頁面中<a name>加name和id的沖突附解決方法
原來在<a name="jb51"> 和<span id="jb51">是沖突的，唉弄了好一會，郁悶 臨時解決方法就是在后面的id中加了一個2，就是<span id="jb512">2008-07-07
CSS布局中可以用javascript判斷瀏覽器版本 看如下的javascript腳本：2008-07-07
純CSS做的小燈籠，這東西就是用來熟悉CSS用的，實際中相當不贊成這樣用！ 實際中誰這樣用，一定是閑的！2008-08-08
DIV 居中的絕好解決方法...2006-11-11
今天在藍色理想瞎逛，看見了Realazy的教程CSS Sprites，于是來自己做了個小東西，效果在這里2008-05-05
CSS中幾種常見的注釋...2007-05-05
本文分享一個利用CSS3制作三角形的示例，感興趣的朋友可以參考一下。2016-03-03
IE和FIREFOX下CSS的區(qū)別與解決方法...2007-03-03
在到達無H無F境界前~還是要痛苦~我兼容瀏覽器的CSS...2006-12-12
這篇文章主要介紹了《CSS3實戰(zhàn)》筆記--漸變設計（一,需要的朋友可以參考下2016-05-05