html怎么做鼠标悬浮菜单上的选项能出现下拉菜单?

2025-02-01 13:10:29
推荐回答(1个)
回答1:

  1. 比较好的方法是用JS做,但是非要用CSS呢,也可以

  2. 首先 一般HTML中的动态效果都是JS做的,不太推荐用CSS完成

  3. dropdown-content {  
        display: none;
        position: absolute;  
        background-color: #f9f9f9;  
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    }  
    .dropdown-content a:hover {  
    background-color: #f1f1f1  
    }  
    .dropdown:hover .dropdown-content {  
        display: block;  

    .dropdown:hover .dropbtn {  
        background-color: #f5f5f5;  
    }

    首先定义一个 dropdown的类 然后定义 HOVER的伪类实现一些特效