1
我试图使网站兼容> IE8(包括IE)。事实证明,悬停效果不适用于任何IE版本。这是我的网站CLICK悬停在Internet Explorer中不工作
当您导航到页面“计划”时,有一个单位的地图。当你将鼠标悬停在两个房间之一上时,它会显示蓝色框(在每个浏览器中,但不在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;
}
你有任何想法,为什么会出现这种情况?
我想这可能是这一点,但在那之后我认为这是愚蠢的......但事实证明,这不是! ech,IE;]无论如何,谢谢你,你帮了我很多! – lukaleli
不客气!我很高兴。 – madhushankarox
+1有同样的问题,得出同样的结论...呃。至少它有效! :) http://stackoverflow.com/questions/16367077/internet-explorer-hover-behavior-not-working – iGanja