当鼠标悬停在<ul>上时,我想要另一个<ul>显示</ul> </ul>

时间:2014-01-20 15:25:22

标签: html css hover

示例:http://jsfiddle.net/Vqmaw/5153/

您好,我试图通过#hovershow.navbar一起使用鼠标:hover来显示display:none内的li标签

这不起作用,但当我手动将display:none更改为display:table-row时。

2 个答案:

答案 0 :(得分:3)

更改此css:

.navbar:hover + .hovershow {
    display: table-row;
}

为:

.navbar:hover .hovershow {
    display: block;
}

Fiddle

答案 1 :(得分:1)

改变这个:

.navbar:hover + .hovershow {
    display: table-row;
}

到此:

.navbar li:hover > .hovershow {
    display: table-row;
}

DEMO