我有以下
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图标没有与文本对齐的问题仍然存在.

最佳答案 尝试将href属性添加到标记.喜欢< a href =“#”>< span …