Надпись не работает в веб-браузере

Я занимаюсь разработкой переднего конца, и самое сумасшедшее. Когда я использую тег <sup></sup>, он не работает. Независимо от того, что я пытаюсь выполнить надстрочным, он отображается только при просмотре в режиме реального времени в Dreamweaver, но не в любом браузере. Что мне не хватает? Является ли тег устаревшим?

Ответ 1

У меня была такая же проблема. Это был конфликт CSS. Скайлар был близок, но я сделаю тебе лучше.

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

;-) ahhhh, работает как шарм.

Ответ 2

Мое предположение: у вас может быть reset стили по умолчанию на sup.

Вы всегда можете их повторно использовать:

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

Ответ 3

Когда широко поддерживаемый тег html, такой как sup или sub, не работает, найдите конфликтующий css.

Отличное место для начала - поиск инструкции Reset, применяемой в верхней части css. Sub и Sup обычно являются частью этого reset, что означает, что они были нутрифицированы в вашей теме изначально, чтобы защитить вас от определенных по умолчанию параметров браузера. Это хорошая вещь, но...

Проблема возникает, когда автор темы не может переопределить определенные теги. Здесь некоторые css, чтобы помочь определить sup и sub, чтобы они снова работали:

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

Ответ 4

`sup` работает во всех браузерах - проверьте свой CSS с помощью Firebug

Я предлагаю вам использовать Firebug и проверить свой CSS, определенный в элементе <sup>. Это даст вам гораздо лучшее представление о том, что происходит.

Ответ 5

Тег не устарел и обычно работает: ^{Это надстрочный индекс}

Трудно дать лучший ответ без дополнительной информации от вас.

Ответ 6

Он должен быть в конфликте с правилом CSS, потому что я тестировал его самостоятельно, и он работает.