Html IE6的CSS弹出问题

我有一个HTML页面，在这个页面上，我必须在图像的鼠标上方显示一个弹出窗口（如工具提示）。下面的代码在IE8和Firefox中运行良好，我对IE6有问题，悬停弹出窗口没有显示

    STYLE:
    /* css style */
    .ToolTip { position: relative; cursor: default; text-decoration: none; border: none;}

    .ToolTip a span {display: none; text-decoration: none; color: #FFFFFF; }

    .ToolTip a:hover span { overflow:hidden; text-decoration: none; display: block;
     position: absolute; width: 250px; background-color: #046C08; border: none; height: 90px;
     left: 25px; top: -10px; color: #FFFFFF; padding: 5px; line-height: 18px; z-index: 1; }

    HTML:

/* html page content */

    <p class="ToolTip">
        <a href="#">
            <img src="...." alt="" style="border: 0px;" />
     <span>
                 CSS Popup..
     </span>
        </a>
    </p>

样式：
/*css样式*/
.ToolTip{位置：相对；光标：默认值；文本装饰：无；边框：无；}
.ToolTip a span{显示：无；文本装饰：无；颜色：#FFFFFF；}
.ToolTip a:悬停跨距{溢出：隐藏；文本装饰：无；显示：块；
位置：绝对；宽度：250px；背景色：#046C08；边框：无；高度：90px；
左：25px；顶部：-10px；颜色：#FFFFFF；填充：5px；线条高度：18px；z索引：1；}
HTML:
/*html页面内容*/

有什么想法吗？

---

提前感谢

正如Happy Singh所说，大多数网站不再支持IE6兼容性。但是，如何尝试修复它：

样式表中有许多参数，您是故意使用所有参数，还是只是尝试添加越来越多的参数以使其可行

例如，看看：

.ToolTip a span{显示：无；文本装饰：无；颜色：#FFFFFF； }

您不需要在这里声明颜色和文本装饰，就好像您已经设置了display:none一样，元素也不应该显示。顺便说一句，您在：hover状态中声明了相同的颜色，因此它也将是双色

由于您发布的代码只是整个代码的一部分，我也可以猜测一下，但如果我们看一下，会得到一些提示：

.ToolTip a:悬停跨距{溢出：隐藏；文本装饰：无；显示：块； 位置：绝对；宽度：250px；背景色：#046C08；边框：无；高度：90px； 左：25px；顶部：-10px；颜色：#FFFFFF；填充：5px；线条高度：18px；z索引：1；}

如前所述，不需要溢出：隐藏。如果span元素的宽度大于250px和/或高度大于90px，那么这将简单地隐藏span元素中的文本。但这与你的问题无关

但是，您可能不太聪明，因为在span元素未悬停时，您不会向span元素声明任何位置，但在状态为悬停时，您会突然添加位置等。我的意思是，如果您只是更改可见性或显示，span元素不会更改位置

所以

显示：块有时会被奇怪地解释。位置：绝对-现在开始：您是否已将span元素定位在图像上方？或者在页面之外（可能不完全，可能太大）。如果将其放置在图像后面，可以尝试更改顶部、左侧和z索引。如果更改z索引，则还应尝试为图像指定一个z索引，或删除两个z索引值。如果指定z索引，请尝试设置两个值之间的巨大差异，或者一个正值和一个负值

---

总之，请始终尝试从每个元素所需的最小参数开始。然后添加您真正需要的内容。尝试将所有参数分别设置为span元素，并仅更改显示。

IE6对于web开发人员/设计师来说总是一个大问题。它的盒子模型与IE的其他浏览器/版本完全不同。如果你不介意的话，我可以问一下是否有必要使站点IE6兼容。IE6盒子模型与w3c模型没有区别，除非你处于怪癖模式。尝试设置类似。工具提示a{position:relative}对于IE6，还可以添加zoom:1 on。工具提示a：悬停范围，以确保没有布局问题。希望它有助于完全定位的东西通常在IE中有布局。我建议OP将他/她想要的所有样式放在工具提示中，用跨度声明代替：hover声明，并且只更改：hover上的可见性。。。也就是说，只添加display:block。另外，overflow:hidden在IE6中是一个bug，我不明白您为什么需要它。@user1106741:它现在可以工作了吗？