Twitter Bootstrap透明背景按钮组

Question

我有一个使用Twitter Bootstrap的按钮组，如您在此处所见：

http://jsfiddle.net/rmk7H/

它使用线性渐变背景：

linear-gradient(to bottom, #FFFFFF, #E6E6E6)

有一件事情让我很烦恼。我想通过添加 mynav 类使其具有透明背景。我应该如何修改 mynav 类？

HTML：

<div class="btn-group mynav">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
Username
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
  <ul class="nav nav-list">
  <li class="nav-header">List header</li>
  <li class="active"><a href="#">Home</a></li>
  <li><a href="#">Library</a></li>
  ...
  </ul>
</ul>
</div>

CSS（层叠样式表）：

.mynav
{

}

- sheno

Answer 1

你需要使a标签的背景透明，请添加以下代码。

.mynav > a {
    background:none;
    border:none;
    box-shadow:none;
}

http://jsfiddle.net/rmk7H/2/

- jamcoupe

Answer 2

“像这样透明的吗？”

.mynav .btn
{
    background-image: none;
}

- UrGuardian4ngel