Question

我正在使用Bootstrap向我的网站添加一些下拉菜单。我的导航栏由锚标签组成，背景图像通过CSS应用。 Bootstrap下拉菜单似乎在这种情况下不起作用。我可以让它工作的唯一方法是在锚标记之间添加文本，在这种情况下，文本将触发下拉列表而不是锚标记背景图像，正如人们通过普通的CSS所预期的那样：悬停伪类。

我的html示例：

<a class="logo_master" href="#" data-toggle="dropdown" role="button"></a>

我的CSS：

.logo_master
{
    display:block;
    background-image:url(../images/logo_master.png);
    background-repeat:no-repeat;
    width:169px;
    height:39px;
}

我还能通过在锚标签之间添加img来使其工作，但我使用的是先前设置的精灵，我希望避免创建所有新图像并将其添加到内联中。

Answer 1

为精灵图片使用<i>标记：

<a href="#" data-toggle="dropdown" role="button"><i class="logo_master" /></a>

<a> tag without text</a>上的BootStrap DropDown

1 个答案: