Javascript 如何强制歌剧'；悬停触发_Javascript_Css_Hover_Opera

Javascript 如何强制歌剧'；悬停触发

javascript css

Javascript 如何强制歌剧'；悬停触发,javascript,css,hover,opera,Javascript,Css,Hover,Opera,我在Opera浏览器中遇到了一个奇怪的悬停问题。以下是测试用例： <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>opera hover issues</title> </head> <style> .item { background-color:pink; border:1px solid red;

我在Opera浏览器中遇到了一个奇怪的悬停问题。以下是测试用例：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>opera hover issues</title>
</head>

<style>
    .item {
        background-color:pink;
        border:1px solid red;
        color: maroon;
        height:100px;
        width:300px;
    }   

    .item a { 
        display:none;
    }   

    .item:hover a{
        display:block;
    }   

    .item a:hover {
        font-weight:bold;
        background-color: yellow;
    }   
</style>

<body>
    <div class="item">
        an item - 0 
        <a href="javascript:void(0)">remove</a>
    </div>
    <div class="item">
        an item - 1 
        <a href="javascript:void(0)">remove</a>
    </div>
    <div class="item">
        an item - 2 
        <a href="javascript:void(0)">remove</a>
    </div>
</body>

<script>
    document.onclick = function(evt) {
        var el = evt.target;
        if (el.nodeName == 'A') {
            var to_remove = el.parentNode;
            to_remove.parentNode.removeChild(to_remove);
        }
    }
</script>


歌剧悬停问题
.项目{
背景颜色：粉红色；
边框：1px纯红；
颜色：栗色；
高度：100px；
宽度：300px；
}   
.项目a{
显示：无；
}   
.项目：悬停a{
显示：块；
}   
.a项：悬停{
字体大小：粗体；
背景颜色：黄色；
}   
项目-0
A项目-1
A项目-2
document.onclick=函数（evt）{
var el=evt.target；
如果（el.nodeName=='A'）{
var to_remove=el.parentNode；
删除.parentNode.removeChild（删除）；
}
}

尝试单击第一个项目的“删除”链接正如您可以看到的，在Opera（至少在Opera 9.61中）中，除非移动鼠标，否则不会触发定义的悬停

有人试图解决这个问题吗

提前谢谢

我已经试过- -Force onscroll触发器，调用window.scrollBy； -通过隐藏/显示元素强制回流/重画； -设置marginTop并将其重置为默认值

Helas，问题仍然存在（

有趣的案例。我没有答案，但我想请你向Opera报告一个bug，如果你还没有的话