最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
css position fixed固定底(兼容ie6)
时间:2013-07-05 编辑:简简单单 来源:一聚教程网
一般的 position:fixed; 实现方法
以我的博客为例,在右下角
代码如下 | 复制代码 |
#top{ position:fixed; bottom:0; right:20px; } |
实现让
在 IE6 中实现 position:fixed; 的办法
刚刚提过,在IE6中是不能直接使用 position:fixed; 。你需要一些 CSS Hack 来解决它。当然,IE6 的问题也不仅仅 position:fixed;
相同的还是让
后来发现一段代码,可以兼容ie6固定在底部了
代码如下 | 复制代码 |
*body { background-attachment: fixed; |
闪动问题
现在,问题还没有完全解决。在用了上面的办法后,你会发现:被固定定位的元素在滚动滚动条的时候会闪动。解决闪动问题的办法是在 CSS 文件中加入:
代码如下 | 复制代码 |
*html{ background-image:url(about:blank); background-attachment:fixed; } |
其中 * 是给 IE6 识别的。
到此,IE6 的 position:fixed; 问题已经被解决
相关文章
- CSS 鼠标点击拖拽效果代码展示 10-31
- CSS使用SVG实现动态分布的圆环发散路径动画教程 10-31
- CSS组合选择器解析 10-26
- css带搜索导航栏的代码展示 10-26
- css复合选择器的具体使用方法介绍 10-26
- css三列自适应布局教程 10-26