使用hover（）jquery在css中闪烁文本

Question

首先我不知道如何为这个问题打好头衔。您可以在此处查看演示http://jsfiddle.net/5Cz5D/

，从而更好地了解问题

当我悬停img时，文本出现但是我将光标移到文本上，它变成了闪烁..

我使用了以下jQuery代码段来防止它闪烁，但没有运气。

$(".profilePicture").hover(function () {
    var $this = $(this).next('a');
    $this.show();
}, function () {
    var $this = $(this).next('a');
    $this.hide();
});

Answer 1

您已在percentage div ..

之外指定了profile_picture类

您可以通过在percentage div中嵌套profile_picture类来解决问题。

<强> updated fiddle

Answer 2

不需要jQuery。

http://jsfiddle.net/BramVanroy/5Cz5D/1/

.profilePicture:hover + .percent, .percent:hover {display: block;}