html - Div ul 列表 css 菜单

Question

当我将鼠标悬停在父 div 上时，如何让子 div 出现？请查看。 Fiddle如果我的代码不正确，我深表歉意。

谢谢

Answer 1

我知道您没有提到 jQuery 作为您的标签，但这里有一个解决方案可以解决问题。

如果你可以使用 jQuery 那么我建议你使用它来实现你想要的，因为当另一个元素悬停在另一个元素上时更改一个元素的 CSS 属性有点棘手并且有很多限制，

Here is a simplified fiddle with jQuery

这是您可以添加到文件中的 jQuery 脚本，

$(document).ready(function(){
     $("#a11").mouseover(function(){

         $("#submenu11").show();
     });
    $("#a11").mouseout(function(){

         $("#submenu11").hide();
     });
});

还有一点，不建议使用以数字开头的 id，在您的情况下 id="11" 可能在某些浏览器中有问题，这就是我替换 id 的原因=11 与 id="a11"

如果由于某些原因你不想使用 jQuery 那么我可以给你一个使用 JavaScript 的替代方法