使用 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

您已在 profile_picturediv 之外指定了percentage类。

您可以通过将类嵌套在

profile_picturediv中来解决问题percentage。

更新的小提琴

Answer 2

不需要 jQuery。

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

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