Javascript 触发：在DOM更改时悬停重新绘制

我在一个div中有UI控件。整个div都有悬停效果。如果用户收到错误，一个绝对定位的div将覆盖控件并询问如何继续。控件不再悬停，但在用户移动鼠标之前不会触发重新绘制。有解决这个问题的方法吗？我用的是铬

这是一把小提琴：

HTML:

编辑：我知道用JS可以解决这个问题，我愿意用JS；但我很好奇，是否有人能向我展示一个CSS/HTML触发重绘的唯一方法。当然，如果我只得到JS解决方案，我会接受最好的。

css方式 您可以添加基于同级选择器的css规则，如下所示：

.cover + .hoverable  {
    background-color: blue;
 }

这假设您将

预先设置
.cover
到
.container
，并且您可能必须在
上设置z索引。cover
和
可悬停

反映在这把小提琴上：

js方式
您通常可以在
.hoverable
或
.clickme
上强制重新绘制

jQuery插件：

$(function() {
    $.fn.redraw = function() {
        var $this = $(this);
        $this.hide();

        setTimeout(function(){
            $this.show();
        },0);

        return $this;
    };
});

$('.hoverable').redraw();

用法：

$(function() {
    $.fn.redraw = function() {
        var $this = $(this);
        $this.hide();

        setTimeout(function(){
            $this.show();
        },0);

        return $this;
    };
});

$('.hoverable').redraw();

小提琴：

$(function() {
    $.fn.redraw = function() {
        var $this = $(this);
        $this.hide();

        setTimeout(function(){
            $this.show();
        },0);

        return $this;
    };
});

$('.hoverable').redraw();

是否有必要像现有的那样追加内容？您可以附加
.hoverable
而不是
.container
，仍然可以获得悬停效果。在Firefox中表现不同，btw@badAdviceGuy我的问题是，当控件被阻止时，不要获得悬停效果。对不起，我不清楚。