css ie6 position:fixed无效的解决方法

我用到了css教程的一个属性position:fixed,但遗憾的是在IE6下这个属性不起作用,悲剧的IE6,于是便找解决方案,现把最佳的解决方案拿出来与大家分享,或许不久的将来你能用上。

1、要实现的效果如下图:


这时弹出提示在浏览器最右上角可见区

 


这时浏览器向下滚动了一下,但要让弹出层保持在浏览器最右上角可见区

 

2、兼容的解决方案代码如下:

 

.loading_tip { 

position: fixed;

_position: absolute;

top: 10px; 

right: 5px; 

_bottom: auto; 

_top: expression(eval(document.documentElement.scrollTop+10)); 

background-color: #F0F0F0; 

padding: 5px; 

border: #6FD65C solid 1px; 

z-index: 9999999; 

}

 

/** 防止在拖动过程中出现抖动现象 **/

*html { 

background-image: url(about:blank); 

background-attachment: fixed; 

}

 

.content{

height:1500px;

}

 

html代码如下
<div class="loading_tip">这是fixed的区域,休想让消失</div>
<div class="content">这是好多内容的区域,我要往下拖动了,上面的fixed的区域想跟我一起下来吗?</div>
,终于能在IE6上实现fixed效果了

时间: 2024-10-01 09:53:48

css ie6 position:fixed无效的解决方法的相关文章

使用CSS样式position:fixed水平滚动的方法

 这篇文章主要介绍了使用CSS样式position:fixed水平滚动的方法,需要的朋友可以参考下 使用CSS样式"position:fixed"可以使div块固定在一个固定位置,即使有滚动条也不会改变其位置.position:fixed给很多开发者带来了惊艳的效果,然而当出现水平滚动条时,效果就不那么容易接受了.有时候我们希望当出现水平滚动条时,div块可以随滚动条左右移动,实现垂直固定定位(fixed),水平相对定位(absolute).本文提供一个解决方法,附jquery扩展源码

使用CSS样式position:fixed水平滚动的方法_jquery

使用CSS样式"position:fixed"可以使div块固定在一个固定位置,即使有滚动条也不会改变其位置.position:fixed给很多开发者带来了惊艳的效果,然而当出现水平滚动条时,效果就不那么容易接受了.有时候我们希望当出现水平滚动条时,div块可以随滚动条左右移动,实现垂直固定定位(fixed),水平相对定位(absolute).本文提供一个解决方法,附jquery扩展源码. 本文的实现方式是使用js来控制div块随滚动条水平滚动,原理就是当window对象发生scrol

css IE6 position:fixed (固定定位)通过position:absolute的解决方案

css教程 ie6 position:fixed (固定定位)通过position:absolute的解决方案,完全使用position:absolute来解决固定定位问题.因为其他的浏览器都支持绝对定位,在ie6,7,8,9,ff,chrome中均测试通过.注意一点:不能给外包含的元素mod-test设置高度,不然的话,是没有滚动条的.而应该在里面设置一个容器,它设置一个高度  <!doctype html public "-//w3c//dtd xhtml 1.0 transition

CSS在Dreamweaver中无效的解决方法

  很多朋友在使用Deamweaver8的时候都会遇到这样的情况:给当前编辑的文档链接了CSS文件,并对页面元素应用了定义的CSS样式,但在DW8中却看不到任何效果.如下图. 主要原因就是DW8新多出了一个"样式呈现工具栏",该工具栏允许你轻易的为不同的媒体类型,例如屏幕.手持设备和打印输出进行设计.其他的支持媒体类型有投影设备, TTY(Television Type Devices),以及TV媒体类型.同时还提供了通过开关CSS显示按钮来打开或关闭所有样式呈现的能力. 打开&quo

IE6下javasc#ipt:void(0) 无效的解决方法

 本篇文章主要是对IE6下javasc#ipt:void(0) 无效的解决方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 IE 6 下,JSP 中 链接问题:   <a href="javascript:void(0);" target="mainFrame" onClick="btnHome_onClick()">   <javascript>   function btnHome_onClick(){ w

IE6浏览器中window.location.href无效的解决方法_javascript技巧

本文实例讲述了IE6浏览器中window.location.href无效的解决方法.分享给大家供大家参考.具体方法如下: window.location.href是js中跳转功能,很多人在ie6中都会发现window.location.href不能跳转了,下面我给大家来介绍一下其原因与解决方法. 问题代码如下: 复制代码 代码如下: <a href="javascript:void(0);" onclick="javascript:test();">点击

css中position:fixed实现div居中

上下左右 居中  代码如下 复制代码 div{     position:fixed;     margin:auto;     left:0;     right:0;     top:0;     bottom:0;     width:200px;     height:150px; } 如果只需要左右居中,那么把 bottom:0; 或者 top:0; 删掉即可 如果只需要上下居中,那么把 left:0; 或者 right:0; 即可 下面附一个DIV 元素在浏览器窗口居中 其实,实现这

js中style.display=&quot;&quot;无效的解决方法_javascript技巧

本文实例讲述了js中style.display=""无效的解决方法.分享给大家供大家参考.具体解决方法如下: 一.问题描述: 在js中我们有时想动态的控制一个div显示或隐藏或更多的操作,但如果我们style.display=""可能导致没有效果. 看下面一段代码: 复制代码 代码如下: <style>  #name  {      display:none;  } </style> </head> <body> &l

Win8.1系统安装QQ时提示“安装路径无效”的解决方法

  Win8.1系统安装QQ时提示"安装路径无效"的解决方法          解决方法一:更改安装路径 在QQ安装界面,点击"自定义"然后浏览到一个非C盘,如D盘的文件夹来安装. 解决方法二:使用管理员方式运行安装程序 针对安装QQ没有权限可以右键点击QQ安装程序,然后以管理员身份运行,然后看能不能安装.