将鼠标悬停在CSS下拉菜单上

Question

我需要帮助在Image Hover上创建一个基于CSS的简单下拉菜单。我不敢相信在任何地方找到解决问题的方法有多么困难。

我发现与解决方案有点接近的是W3schools的：

---

https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_js_dropdown_hover

---

但是我试图应用到下面的结构，但它不起作用。

---

<div class="site-wrapper-900" class="dropbtn" style="max-width: 100% !important;">

        <ul style="margin-left:0px;">
        <li><img src="#" alt=""></li>


    <li><img src="#" alt=""></li>


    <li><img src="#" alt=""></li>


    <li><img src="#" alt=""></li>


    <li><img src="#" alt=""></li>

        </ul>

</div>

---

非常令人沮丧。有人可以帮我吗？ 谢谢