Question

可能重复：
Problem with :hover in IE7

我使用html和css创建了以下自定义工具提示。

是HTML。

<a class="ttp" id="HelpIcon">
<img src="HelpIcon.gif" alt="" />
<div class="tooltip" id="ToolTipContainer">
sf sfsfs fsf fsd fsdfsf f  skfksf sfs fskfsak fskldflsa fksafks afskladflkasf slkaf skfjskl  fsjfl sflsf a </div>
</a>

是CSS。

/ 简单悬停无网址 /

a.ttp {
                position:relative;
                z-index:24;
                color:#3ca3ff;
                font-weight:normal;
                font-size:11px;
                font-family:Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
                text-decoration:none;
                cursor:default;
            }

            a.ttp div {
                display:none;
            }

            a.ttp:hover {
                z-index:25;
                color:#aaaaff;
            }

            a.ttp:hover div.tooltip {
                display:block;
                position:absolute;
                top:3px;
                padding:10px 0 0 0;
                left:20px;
                background-image:url(HoverImage.gif);
                color:#993300;
                text-align: center;
                filter: alpha(opacity:90);
                -moz-opacity:0.9;
                -khtml-opacity: 0.9;
                overflow:hidden;
                width:200px;
                height:120px;
            }

我遇到了问题。这对chrome和firefox工作正常。但是IE不行。我该怎么解决呢。

Answer 1

为您的标记指定适当的文档类型。 IE不会玩友好：在怪癖模式下悬停。

自定义工具提示无法在IE上运行

1 个答案: