Tag <sup> com underline no IE
April 28, 2009 by Marcio MisumiA 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:

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®">Marcio Misumi<sup>®</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.




November 9th, 2009 at 8:43 pm
Nossa, boa sacada Misumi.
Obrigada pela dica, curti!!!
bjo
Helô