jquery - 从 Jquery 中的某个 ID 元素中选择所有 APART

Question

我试图通过使页面上的其他所有元素变暗来突出显示页面上的一组特定元素。下面的 Div 及其所有子元素我想保持完全不透明，其余的我想调暗到大约 50%。这个 Div 就位于页面的主体中。

    <div id="basket">

    <div id="basket-contents">

        <div id="basket-messages">
        </div>


        <div id="basket-items">
        </div>

    </div>

</div>

我在我的 JQuery 中尝试了以下方法，但它仍然使整个页面变暗，包括这个 Div。

    // On hover basket start...
$("#basket").hover(
    function () {
        $('$:not(#basket)').animate({opacity: 0.5}, 1);
    },
    function () {
        $('$:not(#basket)').animate({opacity: 0.5}, 1);
    }
);

谁能指出我正确的方向？？？

提前致谢。

Answer 1

如果页面中所有其他元素的不透明度都已更改，并且如果 #basket div 位于任何其他元素内，则此 div 也将获得从父元素继承的不透明度属性。

最好放置另一个具有页面高度和宽度的 div，然后将 #basket div 的堆叠索引设置为更高的值。