0

我有一个带有 Twitter Bootstrap 的基本 HTML 页面，我正在使用 Tabs 元素，它可以工作到一定程度，但是我将图像包裹在一个标签中，这些标签表示不同的标签，当点击一个标签时，图像会拦截点击并导航用户到“未定义”页面，但单击图像会正常激活选项卡。

<ul class="nav nav-tabs" id="myTab" style="margin-left: 0px;">
    <li><a data-toggle="tab" href="#fr" > <img src="img/flags/fr.png" alt="Françaises" title="Françaises" width="16" height="16" align="middle" style="margin-top: -4px;" /></a></li>
</ul>

有没有办法在不将图像设置为 CSS 的背景的情况下阻止这种情况？

4

1 回答 1

1

好的用css解决

CSS：

.frFlag {background-size: 16px 16px;background-image: url(img/flags/nl.png);background-repeat: no-repeat;background-position: center center;}

html

<li><a data-toggle="tab" href="#fr" style=" class="frFlag">&nbsp;&nbsp;</a></li>

感谢时间堆积者！

于 2013-01-29T13:12:09.287 回答