上标不在网络浏览器中工作

Question

我正在做一些前端开发，最疯狂的事情正在发生。当我使用<sup></sup>标记时，它无法正常运行。无论我尝试上标，它只能在Dreamweaver的实时设置中正确显示，但不能在任何浏览器中显示。我错过了什么？标签是否已弃用？

Answer 1

我有同样的问题。这是一场CSS冲突。 Skylar很接近，但我会帮你做得更好。

sup {font-size:xx-small; vertical-align:super;}

;-) ahhhh，就像一个魅力。

Answer 2

我的猜测是你可能已经重置了sup的默认样式。

您可以随时重新申请：

sup {font-size:xx-small; vertical-align:top;}

Answer 3

当支持广泛支持的html标签（如sup或sub）不起作用时，请查找冲突的css。

一个好的起点是搜索应用于css顶部的Reset语句。 Sub和Sup通常是此重置的一部分，这意味着它们最初已在您的主题中被中和，以保护您免受浏览器特定的默认设置。这是件好事，但是......

当主题作者无法重新定义特定标签时，就会出现问题。这里有一些css来帮助定义sup和sub，以便它们再次工作：

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}

Answer 4

sup适用于所有浏览器 - 使用Firebug检查您的CSS

我建议您使用Firebug并检查<sup>元素上定义的CSS。它会让你更好地了解正在发生的事情。

Answer 5

标签不被弃用，通常有效：^这是上标

如果没有您的更多信息，很难给出更好的答案。

Answer 6

它必须与CSS规则冲突，因为我已经单独测试它并且它可以工作。