`

IE6 识别fixed;

 
阅读更多

  <style>
  #top{
  position:fixed;
  _position:absolute;
  bottom:0;
  right:20px;
  _bottom:auto;
  _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 }
  /*right 跟 left 属性可以用绝对定位的办法解决，而 top 跟 bottom 就需要用上面的表达式来实现。其中在 _position:absolute; 中的 _ 符号只有 IE6 才能识别，目的是为了区分其他浏览器。
 其中 * 是给 IE6 识别的。
    解决闪动问题的办法是在 CSS 文件中加入：
*/
*html{
background-image:url(about:blank);
background-attachment:fixed;
}

  </style>
 </head>

 <body style="height:1000px;">
 
 <div id="top">...</div>

 </body>

分享到：
| 对象序列化
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript ie6兼容position:fixed实现思路

    `）来确保只有IE6识别这段代码。同时保留 `position:fixed` 供其他支持的浏览器使用。 2. **添加标识**：给需要使用 `position:fixed` 的元素添加一个特殊的属性，例如 `tag="floatNavigator"`，这样JavaScript可以...

    css ie6 fiexd属性解决方法

    在探讨“css ie6 fixed属性解决方法”这一主题时，我们不得不面对一个历史遗留问题：Internet Explorer 6（IE6）对于CSS3中fixed定位的支持不足。IE6发布于2001年，其浏览器内核对现代Web标准的支持有限，尤其是在...

    CSS完美兼容IE6_IE7_FF的通用方法

    *html #wrapper { /* IE6 fixed */ width: 80px; } *+html #wrapper { /* IE7 fixed */ width: 60px; } } ``` 值得注意的是，使用`*+html`时，需确保文档类型声明正确，以确保IE7能够正确识别此Hack...

    CSS兼容IE6,IE7,FF的技巧

    **注意**: 使用`*+html`选择器是针对IE7的特性，因为它可以识别`*+html`语法，而其他浏览器（包括IE6）则无法识别。 #### 二、浮动清理（Clearing Floats） - **ClearFix**: 一种常用的解决浮动元素不闭合导致布局...

    js完美解决IE6不支持position:fixed的bug

    在`* html`选择器下（这是IE6识别的特殊选择器），我们使用`expression`来计算元素的位置，基于文档的滚动位置和元素自身的尺寸。 ```css /* 除IE6浏览器的通用方法 */ .ie6fixedTL { position: fixed; left: 0; ...

    检测低版本IE6.0并提示下载新版本IE的javascript脚本

    对于IE6这类较老版本的浏览器，通过JavaScript可以有效地识别并给出提示。主要通过以下几种方式实现： 1. **User Agent检测**：通过读取浏览器发送给服务器的`navigator.userAgent`属性来判断。 2. **Conditional ...

    解决IE6下Position:fixed问题

    `，因为IE6只识别绝对定位，然后通过`expression()`来模拟固定定位的效果。 4. **其他属性设置**：为了实现更好的效果，还可以设置元素的`width`、`z-index`等属性，确保其在页面中的正确显示和层级关系。例如，`z-...

    IE6下载增强器

    "IE6下载增强器"是一款专门针对老旧的Internet Explorer 6浏览器设计的下载管理工具。在那个时代，IE6的内置下载功能相当有限，不支持断点续传，且无法自定义下载链接，这给用户带来了诸多不便。该工具正是为了解决...

    IE6中的position:fixed定位兼容性写法分享

    例如，`* html`选择器只在IE6中生效，因为其他浏览器不识别星号作为选择器的前缀。此外，`html, * html body`中的背景图像hack用于解决IE6的滚动抖动问题，通过设置一个空白背景图像和固定附件，可以防止内容在滚动...

    针对IE6的一些CSS Hack编写时的注意点小结

    - IE6不支持position: fixed。要在IE6中固定元素位置，可能需要使用CSS表达式或JavaScript计算滚动高度，并结合使用position: absolute。 - 在浮动元素中使用margin时，可能会出现双倍边距问题。在IE6中使用浮动...

    解决不同版本IE浏览器兼容问题

    例如，IE6和IE8在处理`&lt;div&gt;`标签时就有显著差异。IE6默认为`&lt;div&gt;`设置了行高，即便开发者显式指定了高度，实际渲染效果也可能与预期不符。 #### 三、判断IE浏览器版本 为了有效地解决兼容性问题，首先需要判断...

    常见浏览器兼容问题[文].pdf

    这里的关键在于，IE6可以识别`*`但不识别`!important`，而IE7识别两者，Firefox则不识别`*`但识别`!important`。此外，下划线`_`也是IE6特有的，它不被IE7和Firefox支持，可用于进一步的区分。 除了这些基础的Hack...

    解决IE6、IE7、Firefox兼容比较简单的CSS Hack

    通过这样的CSS Hack，我们可以在不引入JavaScript的情况下，让IE6也能实现类似`position: fixed`的行为。当然，这种方法虽然实用，但也存在性能问题，因为`expression`会频繁重新计算，可能会导致页面渲染变慢。随着...

    IE又一个让人吐血的BUG: 关于 table的position 和 select

    当使用`position`属性时，我们可以指定元素相对于其正常流定位的方式，例如`static`（默认）、`relative`、`absolute`或`fixed`。对于表格元素，特别是`&lt;table&gt;`，在应用`position`属性时，IE可能会出现渲染问题，...

    css专区 都是css 的东东

    2. 星号`*`: IE6和IE7可以识别星号前缀，但Firefox不行。例如： ```css .browserTest { border: 20px solid #60A179; *border: 20px solid #00F; } ``` 星号后的样式仅对IE6和7有效。 3. 下划线`_`: 只有IE6...

    DIV+CSS解决各浏览器兼容问题

    此外，使用特殊选择器如`*`和`+`可以区分IE和FF的识别，其中`*`仅被IE识别，而`+`则仅被FF识别，这在处理特定浏览器的兼容性问题时非常有用。 #### 5. 浮动元素的清除 在布局中使用浮动时，如果不进行适当的清理，...

    div+css常见兼容性问题

    2. 利用IE特有的hack：`*html`和`*+html`分别用于IE6和IE7，而Firefox等其他浏览器不识别这些选择器。例如： ```css #wrapper { width: 120px; /* FireFox */ } *html #wrapper { width: 80px; /* ie6 fixed *...

    兼容ie，FF，chrome，opera的弹出层居中js

    对于IE6等老版本的IE浏览器，可能需要使用`element.style.position`设为`absolute`或`fixed`，并结合`document.body`或`document.documentElement`来获取正确的滚动位置。 6. **响应式布局**：如果希望弹出层在窗口...

    css样式兼容不同浏览器的问题

    } /* IE6 fixed */ *+html #wrapper { width: 60px; } /* IE7 fixed, 注意顺序 */ ``` 这里利用了 `*html` 和 `*+html` 这两个IE特有的选择器来区分IE版本。`*+html` 是IE7特有的标签，而 `*html` 则对IE6生效。 ...

Magicbox
Global site tag (gtag.js) - Google Analytics