Jquery鼠标盖不'；不工作

我需要显示和图像在另一个图像时，鼠标经过，这是一种菜单。这适用于chrome和firefox。有什么想法吗？来了，来了

<div id="button1OverStyle" class="buttonOverStyle" onclick="changeFrame('main/main.html')" >
<img id="button1OverStyleImage" src="images/button_home.png" height="24" width="46" />

问题是，如果图像未显示，internet explorer将无法识别div，因此无法生成“mouseenter”或“mouseover”

有什么想法吗？试试：

mouseenter JavaScript事件是Internet Explorer专有的。 由于该事件的通用工具，jQuery模拟该事件 无论浏览器是什么，都可以使用它。此事件将发送到 当鼠标指针进入元素时。任何HTML元素 您可以接收此事件

HTML

<div>test</div>​

您也可以尝试解决方案

我用Css制作，但不透明度

.buttonOverStyle img {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);
opacity: .1;}


.buttonOverStyle img:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: .9;}

---

这对我有效

是否调用了“showttitle”函数？如果是这样的话，给我们看看这个函数的代码。你的意思是拼写它为showttitle而不是title吗？函数showttitle（id）{$（'#'+id）.fadeIn（200）}函数hidetitle（id）{$（'#'+id）.fadeOut（200）}它在其他类似chrome的浏览器中工作，但不要在IEtry中将代码包装到document.ready函数中，以便它在尝试绑定事件

$（function（）

或

$（document）.ready（function（）之前等待dom准备就绪

可能是一些小事情加起来，包括鼠标事件。我会继续看一看，看是否还有其他东西跳到我身上。如果有高度和宽度，因为没有它，它在chrome中无法工作。div是否包裹在图像标记周围并关闭？从上面的代码看，它似乎没有关闭div，这可能会导致引起一个问题。仔细检查，它被包装好了。无法将所有html放在一起！可能还有其他问题

.buttonOverStyle{   position:absolute;  cursor:pointer;     z-index:1000;   height:24px;}  .buttonOverStyle img {   display:none;}

<div>test</div>​

$("div").mouseenter(function(){
    $(this).css("color", "red");
});
$("div").mouseleave(function(){
    $(this).css("color", "blue");
});

.buttonOverStyle img {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
filter: alpha(opacity=10);
opacity: .1;}


.buttonOverStyle img:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
filter: alpha(opacity=90);
opacity: .9;}