Question

我公司的大型项目出现问题。在我的程序页面上，我有标准的锚标签。我将它们设置为打开一个新窗口并在您将鼠标悬停在它们上方时弹出缩略图。效果很好。但是我尝试在锚点触发器工作之后立即添加一个glyphicon来处理弹出功能而不去。这是html的工作片段 -

<a href="images/Nibrotom/IMG_0200.jpg" target="_blank">cover </a>

现在添加一个glyphicon ......看起来还不错

<a href="images/Nibrotom/IMG_0200.jpg" target="_blank">cover </a><span class="glyphicon glyphicon-search"></span>

现在将字形包装在我的弹出代码中（我用CSS执行）并且它已经破坏了。

<a href="images/Nibrotom/IMG_0200.jpg" target="_blank">cover </a>
<a href="#" class="thumb" onClick="return false;"><span class="glyphicon glyphicon-search"><img src="images/Nibrotom/IMG_0200.jpg"></span></a>

关于为什么这不起作用的任何想法？感谢

Answer 1

包裹glyphicon的跨度也包裹了你的图像。

从此处更改锚标记：

<a href="images/Nibrotom/IMG_0200.jpg" target="_blank">
    cover
</a>
<a href="#" class="thumb" onClick="return false;">
    <span class="glyphicon glyphicon-search"><img src="images/Nibrotom/IMG_0200.jpg">
    </span>
</a>

对此：

<a href="images/Nibrotom/IMG_0200.jpg" target="_blank">
    cover
</a>
<a href="#" class="thumb" onClick="return false;">
    <span class="glyphicon glyphicon-search"></span> <img src="images/Nibrotom/IMG_0200.jpg">
</a>

为什么glyphicons不能作为锚点？

1 个答案: