CSS固定浮动层元素,滚动时不闪烁代码

　　烈火网(LieHuo.Net)教程 CSS固定浮动元素,拖动滚动条并无闪烁现象,这里用到了expression,可能网页资源占用稍大一点,因为expression是用CSS输出JavaScript,输出的代码并不是CSS能解释的,这样做虽然避免在网页代码里插入JS代码,但实际上,性能下降了不少,不赞成这样使用。

　　实例与演示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=GBK" /> <title>固定浮动元素 - Liehuo.net</title> <style type="text/css"> *{margin:0;padding:0;} #o{ height:9999px; } #p{ position:fixed; tOP:0; _top:expression((document.compatMode=="CSS1Compat")?documentElement.scrollTop:document.body.scrollTop); _position:absolute; left:0; background:#ccc; width:100px; height:100px; } </style> </head> <body> <div id="o"></div> <div id="p"></div> </body> </html> <br /><center>如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提示：可修改后代码再运行!