链接在IE6中消失,在其之前添加链接时重新出现

时间:2012-03-09 17:29:22

标签: html css internet-explorer-6

我有以下HTML标记,它在链接中放置一个jQuery图标:

<a href="#"><span class="jquery-icon-stuff"></span>Link Text</a>

IE6拒绝呈现所述标签(可能是出于尊重)。

但是,当我添加以下标签时:

<a href="#">Link Before</a>
<a href="#"><span class="jquery-icon-stuff"></span>Link Text</a>

然后愉快地呈现原始链接,以及“之前”和“之后”链接。

这似乎是IE6 Peekaboo Bug的一个案例,但这个修改后的版本带有一些躲猫猫bug修复候选人应用

<a href="#" style="position:relative; min-width:0; zoom: 1;"><span class="jquery-icon-stuff"></span>Link Text</a>

也没用。

我在这里查看Peekaboo错误的实例吗?如果是这样,为什么我的修复工作不起作用,我怎样才能让IE6再次显示我的工作?如果它不是Peekaboo,那么它是什么?

编辑:它不需要“后”链接即可工作 - 仅前一个链接就足够了。 href属性也没有区别。

编辑第二篇:问题似乎与jQuery图标范围有关。为了让它显示在链接文本旁边,我用display: inline-block;对其进行了样式设置。删除跨度(实际上删除了内联块规则)使链接恢复,但是jQuery UI图标没有与文本对齐的问题仍然存在。

1 个答案:

答案 0 :(得分:2)

尝试将href属性添加到a标记。与<a href="#"><span...

一样