css鼠标悬停显示元素

css里面鼠标悬停一个元素之后,下面的元素就显示,比如

img


但是我的却在鼠标往下移的过程中,下面的列表消失了,请问是哪里该怎么设置

找到了

img

csdn的是加class的

img

img

你可以通过hover实现,需要在外层设置


<el-row class="row">
            <el-row>666</el-row>
            <ul>
                <li>1</li>
                <li>1</li>
            </ul>
        </el-row>

ul {
    display: none;
}
li {
    display: block;
}
.row:hover ul{
    display: block;
}

看下你的leave怎么写的,它控制了下拉的隐藏

hover的元素设置的范围广一点,要包裹住现实的 列表

img