Comunidad de diseño web y desarrollo en internet online

Problema con fuentes y transparencia en Explorer...

Citar            
MensajeEscrito el 31 Mar 2012 07:29 am
Tengo un menú con botones, opacidad al 20% hasta que el ratón entra sobre él... entonces hace fade-in hasta el 100%. Los enlaces funcionan.

Mi problema es que en IE, las letras 'bold' se ven poco nítidas, como con salpicaduras... en el resto de navegadores se ven bien...

He pensado cargar la fuente (es Arial... nada raro) bold como fuente independiente en la página con @fontface... pero resulta que Explorer tampoco la utiliza...

estamos en una cosa, más o menos así:
#menu{
filter:alpha(opacity=20);
opacity: .2;
-moz-opacity: .2;
KHTMLopacity: .2;
position: absolute;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-left: 10px;
padding-right: 5px;
}

y se usa con este tipo de botón:
<div style="width: 100%; cursor:pointer" onmouseover="this.style.backgroundColor='#CCCCCC'; this.style.WebkitBorderRadius='3px'; this.style.MozBorderRadius='3px'; this.style.BorderRadius='3px'" onmouseout="this.style.backgroundColor='#FFFFFF'" onclick="window.location.href='eng/company_profile.html'"><u>Company profile</u></div>

Lo curioso es que, cuando paso el ratón por encima y cambia el fondo de color... Queda bien!! También he probado a ponerle el fondo en blanco a ver si era eso... y nada!

Pero de entrada las letras se ven... eso, como con salpicaduras.

Por artabro

40 de clabLevel



 

soy el jefe

msie
Citar            
MensajeEscrito el 02 Abr 2012 03:07 pm
Qué curioso. Lo estoy probando en ie7 / ie8 / ie9 y lo veo ok

¿Se puede ver el ejemplo online?

Por martino

16 de clabLevel



Genero:Masculino  

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.