1

我正在处理带有顶部边缘的下拉菜单。问题是，当我将鼠标从 li 下拉到下拉时，它会关闭。我怎样才能使它与margin-top一起工作？

http://jsfiddle.net/wGzj8/8/

从我的真实设计：

落下

我试过这个解决方案：How to use (top) margin with CSS3 drop down menu? ，但它会将我的 ul 下的图像向下移动（“O fakulteti”）。

请帮忙。

4

4 回答 4

0

只需使顶级列表元素稍高一点，以便它们与导致问题的边距之间的区域重叠，您可以添加 4px 的底部填充来实现这一点。在这里更新小提琴：http: //jsfiddle.net/wGzj8/22/

于 2012-06-14T23:46:48.290 回答
0

这应该可以帮助你：http: //jsfiddle.net/seyfollahi/qwL8P/

添加高度：#header_glavni_meni ul li .header_glavni_a {}

更改边距顶部： #header_glavni_meni ul li ul {}

于 2012-06-15T00:24:34.637 回答
0

margin-bottom在选择器中添加以下代码，

#header_glavni_meni ul li .header_glavni_a {
  margin-bottom:10px;
}
于 2012-06-14T23:07:38.403 回答
0

如果你用 extra 包裹你的子菜单<div>怎么办？这<div>应该具有margin-top: 4px样式，而不是与嵌套样式相同的样式ul：

<li>
    <div class="header_meni_crta"></div>
    <a class="header_glavni_a">O fakulteti</a>
    <div style="margin-top: 4px;">
        <ul style="display: none;" class="dropdown_levo" style="margin-top: 0;">
            <li><a href="#">Vizitka</a></li>
            <li><a href="#">Vodstvo</a></li>
            <li><a href="#">Organi</a></li>
            <li><a href="#">Zaposleni</a></li>
            <li><a href="#">Organiziranost in enote</a></li>
            <li><a href="#">Akti in pravilniki</a></li>
        </ul>
    </div>
</li>

演示：http: //jsfiddle.net/wGzj8/18/

于 2012-06-14T23:09:37.883 回答