Question

我在这里显示了一个下拉菜单http://jsfiddle.net/aRzUM/3/

问题是supp菜单寄存器的背景是灰色的，无法正常工作。你能告诉我这里我做错了吗？

提前致谢。

Answer 1

您需要为子菜单重置li的高度。它继承了以下一套规则。

#header .auth-row ul li {
    display: block;
    float: left;
    height: 39px;
    list-style: none outside none;
}

添加此规则以重置高度：

#header .auth-row ul li li {
  height:auto;
}

Answer 2

从ul中移除背景，边框和阴影规则，然后将其应用于form本身。

#btn-login form {
    background: #ddd url(img/gradient.png) repeat-x 0 0;
    border: solid 1px #b4b4b4;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
    box-shadow: 0 1px 3px rgba(0,0,0, .3);   
}

DEMO

表单的下拉菜单背景

2 个答案: