2012-03-09 15 views
4

我有以下的HTML標籤,這使一個jQuery圖標鏈接:Link在IE6中消失,重新出現在鏈接前添加它

<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的情況,但是這與一些躲貓貓錯誤fixin'考生修改版本應用

<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

很遺憾地知道positioniseverything.net離線,只能通過wayback機器使用!我從這個網站學到了很多東西! – bfavaretto 2012-03-09 17:49:02

+1

你實際上可能正在處理Peekaboo。那些錨點漂浮了嗎?或者,主播旁邊是否有浮動內容?嘗試設置hasLayout(例如,像'zoom:1'一樣)到容器或浮動元素本身。 – bfavaretto 2012-03-09 17:56:36

+0

我相信'zoom'只支持塊元素。不要將修復應用到'a',嘗試將它應用到最近的封閉塊元素。 – recursive 2012-03-09 22:42:56

回答

2

嘗試將href屬性添加到a標記。 Like <a href="#"><span...

+0

絕對正確!如果沒有href-attribute和一個有效值,請不要使用錨標籤。 – 2012-03-09 17:55:36

相關問題