jquery - 如何使用 JQuery 只淡化父子元素中的特定元素？

Question

如何才能使每个 .nav 中的 P 不褪色？

http://jsfiddle.net/vbqfD/

$(document).ready(function () {
$('.nav').mouseenter(function () {
    $(this).fadeTo('fast', .5);
});

$('.nav').mouseleave(function () {
    $(this).fadeTo('fast', 1);
});

});

Answer 1

您将元素的不透明度设置为 0.5，这也会影响子元素，我建议:

.nav {
    ... 
    background: rgba(130, 202, 255, 1);
    -moz-transition: all 400ms;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}

.nav:hover {
    background-color: rgba(130, 202, 255, 0.5);
}

http://jsfiddle.net/NwRXs/3/