繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 跨浏览器的CSS固定定位
- CSS样式表
- IE6编码问题无法正确解析CSS文件
- 网页设计中的黄金比例
- 网站设计Tab标签切换的效果制作
- DIV滚动条随机位置的设置技巧
- 重置默认样式:css reset
- css美化input file按钮的方法
- 支持Web标准，在中国
- 网页制作css不解析问题
- 网页制作:不同浏览器的CSS Hack写法
- word-wrap和word-break解决连续字符自动换行
- CSS样式表最佳习惯
- 网页制作学习之CSS样式表的优先权
- CSS属性display:inline-block
- 网页开头部分的声明DOCTYPE
- CSS布局:居左之后居右是100%宽度显示问题
- CSS设计多列多模块等高网页布局
- 真正的利用DIV+CSS优化站点
- 网页作品：CSS主题网站欣赏
- CSS+XHTML制作的简单网页下拉菜单
- 加深对HTML和CSS标签语义化的理解
CSS样式表 中的 跨浏览器的CSS固定定位
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-11 浏览: 149 ::
收藏到网摘: n/a
本文介绍了跨浏览器的CSS固定定位,请看下面的例子:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
……
<style type="text/css">
#fixed{position:fixed;top:5em;right:0;……} /*针对IE7、Opera、Firefox一行搞定*/
</style>
/*IE6中利用容器对溢出内容的处理方式来实现的*/
<!–[if IE 6]>
<style type="text/css">
html{overflow:hidden;}
body{height:100%;overflow:auto;}
#fixed{position:absolute;right:17px;}
/*fixed元素的绝对位置是相对于HTML元素来说，滚动条是body元素的，这是设置right:17px的原因*/
</style>
<![endif]–>
<!–[if lt IE 6]>
<style type="text/css">
#fixed{position:absolute;top:expression(eval(document.body.scrollTop 50));}
</style>
<![endif]–>
</head>
<body>
<div id="wrapper">
……
</div>
<div id="fixed"><h2>{position:fixed}</h2></div>
</body>
</html>
评论 (0) All
