下劃線ie6-bug。內聯元素<a>標籤

Question

有一個標記：

<a href="#"> 
    lorem ipsum<span>15</span> 
</a> 

有風格：

a{ 
    text-decoration: underline; 
} 

a span{ 
    background: #fff; //To clean the bottom underlining under <span> 
} 

適用於所有有趣的我的瀏覽器。除了IE6。底部下劃線<span>仍然爲。

如何解決這個問題沒有改變標記。

---

a span{ 
    text-decoration: none; 
} 

不工作。

Answer 1

你爲什麼不試試？

a span{ 
    background: none; 
    text-decoration: none; 
} 

我相信這適用於所有瀏覽器？

---

嘗試將background: none;添加到現有的CSS標記，如上所示。我會試着看看我是否無法使用IE6。

Answer 2

可能這項工作？

a{ 
    text-decoration: underline; 
} 

a span{ 
    background: #fff; //To clean the bottom underlining under <span> 
    text-decoration: none; 
} 

Answer 3

要添加到精英男士的回答是：使用條件語句（者優先）或針對IE6下劃線黑客只：

a span { 
    _text-decoration: none; 
} 

Answer 4

試着改變你的CSS這樣的：

a span { 
    background: #fff; 
    display: inline-block; 
} 

儘管別人已發佈，text-decoration: none;不起作用。