在 ie6-bug 下划线。 中的内联元素标签

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。 下的底部下划线仍然保留。

如何在不更改标记的情况下解决此问题。

---

a span{
    text-decoration: none;
}

不起作用。

Answer 1

尝试将您的 CSS 更改为：

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

尽管其他人已经发布了内容，但 text-decoration: none; 不起作用。

Answer 2

你为什么不尝试一下呢？

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

我相信这适用于所有浏览器？

---

尝试将 background: none; 添加到现有 CSS 标记，如上所示。我会尝试看看是否无法在 IE6 上运行。

Answer 3

这可能有效吗？

a{
    text-decoration: underline;
}

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

Answer 4

要添加精英绅士的答案：使用条件语句（首选）或下划线 hack 仅针对 IE6：

a span {
  _text-decoration: none;
}