Flexslider + cufon e textos que não são exibidos no IE8

Desenvolvendo um tema filho para WordPress, nos deparamos com o seguinte problema: as chamadas (textos de destaque) dos slides só não apareciam no IE8.

O tema pai era um da Elegant Themes e usava o Flexslider para a geração do slider/slideshow.

A causa do problema:

Um bug no IE8 impedia os textos ‘cufonizados‘ de serem exibidos dentro de um elemento com ‘visibility: hidden’.

Possíveis soluções:

1. Alterar a folha de estilos (CSS) do tema pai ou sobreescrevê-lo e usar ‘display: none’ nesse elemento; Ou

2. Forçar o IE8 a se comportar como o IE7 usando ‘<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″>’.

Optamos pela primeira.

Referências:

- My Cufónized text is completely hidden in Internet Explorer 8
- CSS Font Color Mis-interpretation by IE8, but not IE7 or IE9

Leia também:

Daniel Henrique Alves Lima

Atualmente, dedico-me a ajudar pequenas empresas a começarem na Internet ou a melhorarem sua presença na web, através de seus sites e blogs, construindo uma boa e reputação online. Esta servirá para se aproximarem de seus clientes atuais e para alcançarem novos clientes, gerando mais negócios.

Saiba mais sobre mim no site da Onbiz ou acessando meu blog pessoal.

Mais posts

Siga-me:twitterlinkedin

Nenhum comentário

Deixe um comentário


1 + = cinco