悬停在 Internet Explorer 中不起作用

Posted 2023-03-06

【中文标题】悬停在 Internet Explorer 中不起作用

【英文标题】：Hover not working in Internet Explorer

【发布时间】：2012-09-21 20:59:46

【问题描述】：

我正在尝试使网站与 >IE8（包括 IE）兼容。事实证明，悬停效果在任何 IE 版本中都不起作用。这是我的网站CLICK

当您导航到“计划”页面时，会有一张公寓地图。当您将鼠标悬停在两个房间中的一个上时，它会在其上显示蓝色框（在每个浏览器中，但不是在 IE 中）。有什么问题？

这是我正在使用的 html：

<div id="slide3" class="slide">
    <h1>Wybierz swój lokal</h1>
    <div class="floor-nav">
        <ul>
            <li><a href="#floor0" class="floor-active">0</a></li>
            <li><a href="#floor1" class="floor-inactive">+1</a></li>
        </ul>
    </div>
    <div id="floor-0" class="floor">
        <img src="img/floor-0.png" />
        <a href="#" target="_blank" id="flat-1" class="flat">
            <span class="flat-desc">Lokal <span class="bold">45m²</span></span>
        </a>
        <a href="#" target="_blank" id="flat-2" class="flat">
            <span class="flat-desc">Lokal <span class="bold">25m²</span></span>
        </a>
    </div>
</div>

还有一些 CSS：

.flat
    background:none;
    position:absolute;
    display:block;
    color:#ffffff;
    text-align:center;
    font-size:30px;
    text-decoration:none;
    z-index:900;


.flat .flat-desc
    display:none;
    padding-left:38px;
    background:url(../img/plus-sign-white.png) left top no-repeat;
    line-height:20px;


.flat:hover
    background:url(../img/flat-hover-bg.png);


.flat:hover .flat-desc
    display:inline;

您知道为什么会这样吗？

【参考方案1】：

我找不到这个问题。但我找到了一个适合我的修复程序。试试

.flat
    position:absolute;
    display:block;
    color:#ffffff;
    text-align:center;
    font-size:30px;
    text-decoration:none;
    z-index:900;
    background-image: url( add url to a transparent pixel.png or a transparent pixel.gif );

工作LIVE PREVIEW

新代码：

.flat
    position:absolute;
    display:block;
    color:#ffffff;
    text-align:center;
    font-size:30px;
    text-decoration:none;
    z-index:900;
    background-image: url(../img/flat-bg.png);

【讨论】：

我以为可能是这样，但后来我认为这很愚蠢……但事实证明不是！嗯，IE ;] 还是谢谢你，你帮了我很多！

+1 有同样的问题，得出了同样的结论......呃。至少它有效！ :) ***.com/questions/16367077/…