Twitter引导标签和图像拦截点击

Twitter Bootstrap Tabs & Images Intercepting the Click

本文关键字：图像 标签 Twitter      更新时间：2023-09-26

我有一个基本的HTML页面，它有Twitter引导程序，我正在使用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背景的情况下停止这种情况？

OK 用 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>

感谢您的时间堆垛机！

相关文章：