我是自学JQuery并且遇到了一些障碍 . 我所做的是在图像上分层div，将可见性设置为隐藏，并使用JQuery声明当我鼠标进入图像时，该框是可见的，当我鼠标移动时，该框消失 . 这在Firefox中工作得很好，但是在IE中，当我鼠标悬停时，只有单词出现，当鼠标离开div时它们不会消失 .
我知道这个问题已经以多种形式提出，但到目前为止，我的研究还没有提供可行的答案 . 我非常感谢一些建议 .
我的HTML：
<table>
<td class=presentation>
<a href="Capabilities-PDF.html" target="_blank"> <div class="cover hidden1"> Learn About Us </div> </a>
<div class="image1"><img
title="Capabilities"
alt="Capabilities"
src="images/thumbnails/Capabilities.png"
class="img"></div></td>
</table>
</body>
我的javascript：
$(document).ready(function(){
$('.image1').mouseover(function(){
$('.hidden1').show();
});
$('.hidden1').mouseout(function(){
$(this).hide();
});
我的CSS：
.cover{
background-color: rgba(0, 0, 0, 0.7);
height: 131px;
position: absolute;
width: 175px;
z-index: 1;
text-align: center;
color: ffffff;
font-weight: bold;
text-decoration: none;
}
.hidden1 {
display: none;
}
.image1 {
height: 131px;
width: 175px;
overflow: hidden;
}