Estatísticas março/2009: Browsers Did you know?
Apr 28

A tag <sup> (superscrito) ao ser utilizada com underline não funciona corretamente no Internet Explorer. É possível corrigir este problema com CSS.

Antes de apresentar a solução vamos visualizar o problema gerado no Internet Explorer:

Visualização do problema com underline no Internet Explorer<br />

Para solucionar este problema do underline no Internet Explorer nós precisamos utilizar o seguinte CSS:

a sup {
    border-bottom: 1px solid #000;
    padding-bottom: 3px;
    font-size: 93%;
    text-decoration: none;
}
<a href="#" title="Marcio Misumi&reg;">Marcio Misumi<sup>&reg;</sup></a>

A propriedade “font-size” pode ser alterada conforme a sua necessidade. Se o valor dessa propriedade for alterada, provavelmente será necessário modificar o valor da propriedade “padding-bottom”. A cor da propriedade border-bottom pode ser alterada também conforme a necessidade.

Uma sugestão é fazer esta correção utilizando hack para o Internet Explorer.

Espero ter ajudado.
Qualquer dúvida deixem comentários.

tweet este post

Um comentário para o post “Tag <sup> com underline no IE”

  1. Heloisa Says:

    Nossa, boa sacada Misumi.
    Obrigada pela dica, curti!!!

    bjo
    Helô

Comentário

* Preenchimento obrigatório

Código de Segurança*
Request a new image