Question

我正在尝试复制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;
}

Answer 1

IE6不支持

display: fixed

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

Answer 2

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

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

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

Answer 3

IE6不支持

display: fixed。

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

您可以查看IE7.js在此处执行的操作的概述：

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

Answer 4

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

问题可能在于“固定”定位。将其更改为绝对（并在需要时更改代码）或使用条件css仅为ie6创建特殊的css。

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

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

4 个答案: