Question

如果我在悬停时建立一个淡入或淡出的按钮，则子节点会与父节点淡出。孩子们包含文字，所以我希望他们可以忽略fadeIn()或fadeOut()效果。我对not()也没有任何好运。

我怀疑我缺乏一些知识是值得责备的，因为如果它只是在动态改变CSS，那么可能没有很好的方法可以防止这些变化影响孩子，就像父母一样。

这显然是简单的代码，但如果相关则如下：

myButton.hover(function(){
    $(this).fadeTo(/*code to change the speed, etc etc*/);
        }, function(){
    $(this).fadeTo(/*reverse the changes, and so on*/);
    }
});

是否有一种很好的方法让孩子忽略对父母的这些改变？

Answer 1

我会用CSS做到这一点。

#myButton {
    background-color: rgb(0, 0, 0); /* Whatever colour it is */
    transition: background-color 0.5s ease; /* However long you want it to be */
}

#myButton:hover {
    background-color: rgba(0, 0, 0, 0.5); /* Whatever colour and fadedness you want it to be */
}

优雅降级，可以在任何颜色之间转换。当然，您可能希望添加-webkit-transition和-moz-transition以及-o-transition以获得兼容性，并使用#myButton:hover, #myButton:focus进行键盘焦点。

儿童可以忽略对父母显示的更改吗？

1 个答案: