CSS固定浮动元素,滚动时无闪烁


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=utf-8" />
<title>固定浮动元素</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>

上一个：css修正Input标签在各种浏览器中差异
下一个：一个标准的网页底部导航的CSS布局代码

更多图片编程知识: