上标在IE中强调

Question

我会很简短,因为我的时间很短,所以如果这不像我希望的那么详细,我会道歉.

我有一些代码:

print("<a href='#'>Some text<sup>&reg;</sup> some more text</a>");

在FF中,这就像我想的那样,整个链接都有下划线.但是在IE中,链接带有下划线,除了在®下,它看起来像连字符上方的符号,看起来很荒谬.

我已经尝试了一些我在Google上找到的建议,但是没有一个建议对实现预期的效果非常有帮助.不幸的是,不能选择在底部添加边框.到目前为止,最好的解决方案是使用CSS在sup标签上完全打破下划线,这仍然使它在FF中工作正常,同时在IE中仍然看起来不那么愚蠢.

如果有人可以帮助解决这个问题,我将不胜感激,我宁愿不通过网站删除<sup>标签,因为我被告知如果我不解决这个困境,我将不得不这样做.

更新:使用sup {"text-decoration:none"}解决方案,现在就可以了.到处都有注册标记,所以整个网站都必须更新,这比我们所有人都认定的更麻烦.感谢那些回复的人.

Answer 1

该<sup>标签是不是很大的东西像商标和reg符号.

我更喜欢用css做它:

<span style='font-size:75%;vertical-align:super;text-decoration:none'>&reg</span>

如果您可以设置.reg类:

.reg {
    font-size:75%;
    vertical-align:super;
    text-decoration:none
}

对于:

<span class='reg'>&reg;</span>