在li上悬停以显示隐藏的ul后,在元素周围形成一个框

时间:2011-06-13 20:38:41

标签: javascript html border

我在李里面有一个ul。当我将鼠标悬停在我的li上时,会出现ul。我试图这样做,当发生这种情况时,li和ul都有边框形成一个盒子。

我已经设置了一个小提琴:http://jsfiddle.net/2Jfpz/

我想做的是:

  • 这样做,我的李的边界仍然存在。也许我应该使用主动而不是悬停在我的李?或者使用JavaScript / jQuery?
  • 让我的ul周围的边框停在li下面,所以盒子里面没有边框。因此,不是看起来像ul周围有一个单独的边界,而是围绕着它的一个边界,它将是沿着外面的一条连续线。 (EX:如果你看看Stack Overflow,那么“活跃的”“最老的”“投票”链接看起来就像没有底部边界。长线不会在这些链接下继续。)有没有简单的方法那样的风格?我是否为超厚和白色的李做了一个底边?或者是否有另一种方法来隐藏li下的ul的border-top?

我希望这是有道理的。

1 个答案:

答案 0 :(得分:1)

这是你想要的吗?

http://jsfiddle.net/2Jfpz/1/