我有以下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图标没有与文本对齐的问题仍然存在。
答案 0 :(得分:2)
尝试将href
属性添加到a
标记。与<a href="#"><span...