Css 固定显示在 IE6 中不起作用答案

【问题标题】：Css fixed display not working in IE6Css 固定显示在 IE6 中不起作用
【发布时间】：2009-06-03 19:44:21
【问题描述】：

我正在尝试复制getsatisfaction 选项卡的效果——它在IE7 和Firefox 以及几乎所有其他浏览器中都能正常工作，但在Explorer 6 中却一团糟——我讨厌IE6，但它是最常用的浏览器——我的选项卡现在不是覆盖在侧面，而是位于页面的顶角，将所有页面内容推到底部。

标签只是一个应用了这个 CSS 样式的链接：

a#feedback_link
{
  position:fixed; top:40%; 
  right:0px !important; 
  z-index:9999999; 
  text-decoration:none; 
  background-color:#2E8CDC; 
  padding:0px; 
  border:0px;
}

【问题讨论】：

IE6 是“最常用的浏览器”在技术上是不正确的。请参阅marketshare.hitslink.com/browser-market-share.aspx?qprid=2 ... 今天，IE7 以约 41% 的速度领先，IE6 以约 17% 的速度领先。（尽管我同意 ~17% 仍然很重要。）
嗯 - 不知道这一点 - 使用 IE6 的人越少越好 - 无论如何感谢大家提供的有用提示:)

标签： html css internet-explorer internet-explorer-6

【解决方案1】：

好吧，在我开始之前：IE6实际上是最常用的浏览器。 Let the numbers talk.

问题可能与“固定”定位有关。将其更改为绝对（并根据需要更改代码）或使用条件 css 为 ie6 制作特殊 css。

在此处查看一些示例：http://snipplr.com/view/2952/ie6-fixed-position-fix/

【讨论】：

在争论浏览器使用数字时不是最好的链接页面......正如他们在底部所说的那样：“W3Schools 是一个面向对网络技术感兴趣的人的网站。这些人更多与普通用户相比，他们对使用其他浏览器感兴趣。普通用户倾向于使用 Internet Explorer，因为它预装了 Windows。大多数人不会寻找其他浏览器。这些事实表明，上述浏览器数据并非 100% 真实。其他网络网站的统计数据显示，至少 80% 的用户使用 Internet Explorer。”

【解决方案2】：

IE6 不支持display: fixed

请参阅：http://tagsoup.com/cookbook/css/fixed/ 了解此问题的一些解决方法

【讨论】：

【解决方案3】：

IE6 忽略位置：固定。这是一个已知的缺陷。一种可能（但有些难看）的解决方法是在 CSS 文件中使用 JavaScript 表达式，如下所示：

a#feedback_link
{
    position:absolute; 
    top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.4));
    ...

使用条件 cmets 将此声明限制为仅限 IE6。

【讨论】：

如果你这样做，重要的是这样的css规则嵌套在IE条件cmets中

【解决方案4】：

display: fixed 在 IE6 中不受支持。

如果你想让它工作，我建议尝试IE7.js or IE8.js，这是一个支持display: fixed的IE6兼容性补丁（通过JavaScript实现）。

您可以在此处查看IE7.js 所做工作的概览：

http://www.charlescooke.me.uk/web/lab_notes/ie7_script.html

【讨论】：