Html 为什么我的悬停命令不能工作？

我一直在尝试用一些简单的css制作一个下拉菜单，我不明白为什么下拉菜单不起作用。我已经尝试了下面我能想到的一切，我已经发布了css和html。 html代码如下所示

   <ul><li>Home</li>
  <li>Crockery</li>
  <li>
    Cutlery
    <ul>
      <li>Kings</li>
      <li>Bead</li>
      <li>Tableware</li>
    </ul>
  </li>
  <li>Glassware</li>
  <li>Contact</li>
</ul> 

删除以下行：

opacity: 0;
visibility: hidden;

从

ul li ul{}

选择器

---

您必须更新✄ 您的代码具有

可见性

、

z索引

和

不透明度

，如下示例所示：

  ul li:hover ul {
    display: block;
    visibility: visible;
    z-index: 12;
    opacity: 1;
  }

此代码使子菜单在上可见，将鼠标悬停在一级男装项目上

---

→测试。

同意@marcelo2605，发布你的HTMLS。她做了，只是不是很好。注意到了。还注意到她现在已经修好了，为她的@RebeccaSalliss添加了一把小提琴。如果这个答案解决了你的问题，请将它标记为正确；-）

  ul li:hover ul {
    display: block;
    visibility: visible;
    z-index: 12;
    opacity: 1;
  }