悬停在IE7中无法正常工作

我试图复制类似Facebook的墙效果，其中悬停在Feed项目上显示“删除”按钮。该按钮在加载页面时不可见，但悬停在该项目上会显示该特定项目的删除按钮。这是通过jQuery和CSS显示属性实现的。悬停在IE7中无法正常工作

这种方式在Safari，Chrome和Firefox等浏览器中都能很好地运行，但是可以使用Internet Explorer 7，而且这是一种不可行的方式。

下面是一个例子：

http://www.woohoobingo.com/wall.html

上面的链接是网站内呈现的页面特色的墙，与悬停功能在Safari等工作，但不是Internet Explorer 7（在其他版本未经测试由于缺乏资源）。

如果任何人可以阐明如何解决这个问题，所以IE添加悬停类时，悬停在列表项目而不是列表项目中的文本，那将是很大的。

来源

2010-01-18 Martin Bean

只是一个参考，我还没有看到Chrome或Firefox的悬停效果。也许你改变了一些东西？如果是这样，如果您可以将我们指向另一个示例页面，将会有所帮助。 – mattbasta 2010-01-18 14:32:03

嗨，马特。不，你是对的。自今早以来似乎出现了一些错误。我会在今天晚些时候重新上线。 – 2010-01-18 15:48:49

嗨@Martin它正在工作，但不知何故，删除按钮不被视为展示在悬停上的div或容器的一部分。我写了下面的东西，它运行良好。你可能会从中得到任何线索。

<div id="divA" style="border:1px dotted white;width:500px;clear:both;"> 
<div id="divLogo" style="height:20px;width:20px;overflow:hidden;float:left;"> 
    <img src="arrow.png" alt="logo" style="height:20px;width:20px;"/> 
</div> 
<div>Hello World this is the message written on the wall.....</div> 
<div id="divDelBtn" style="width:50px;height:25px;top:1px;float:right;"> 
<span style="background-color:#c0c0c0;color:#ffeeee;display:none;">Delete</span> 
</div> 
<div id="otherStuff" style="font-size:70%;color:#0f0f33;"> 
    posted by @me on 18/jan/2010 12:34 PM</div> 
</div> 

<script type="text/javascript"> 
$(function(){ 
$("#divA").hover(function(){ 
    $("#divA").css("border-color","red"); 
    $("#divA #divDelBtn span").show(); 
}, 
function(){ 
    $("#divA").css("border-color","white"); 
    $("#divA #divDelBtn span").hide(); 
}); 
}); 
</script>

来源

2010-01-18 10:40:08 TheVillageIdiot

嗨，今天晚些时候我会给出上述结果，看看我能否找出您的解决方案与我的不同之处并报告结果。谢谢。 – 2010-01-18 11:43:50

悬停在IE7中无法正常工作

回答

相关问题