Bootstrap yamm悬停在下拉列表上设置另一个以显示块

Question

当我使用以下代码悬停时，我正在使用yamm.css制作超级导航子菜单：

 ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;    
 } 

以上工作正常，但我有另一个div在css设置显示：none;这个div叫做

我想要发生的是当我将鼠标悬停在导航菜单上时，将显示子菜单，然后将bgCover设置为display：block;徘徊时。

是否可以使用CSS？我尝试过以下但不起作用：

 ul.nav li.dropdown:hover > ul.dropdown-menu .bgCover,
 ul.nav li.dropdown:hover .bgCover {
    display: block;    
 } 

由于

Answer 1

您可以使用jQuery实现此目的：

加载jQuery。

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

当鼠标悬停在“下拉列表”上时显示'bgCover'。

<script>
    $( "ul.nav li.dropdown" ).hover(
        function() {
        $(".bgCover").show();
    });
</script>