A ver... tengo el siguiente código:
Código:
El código CSS es:<div id="top_load" class="top_cfg"> <div id="txt_pl"></div> </div>
Código:
Para quienes no tienen idea de lo que quiero llegar hacer, es una especie similar a un popup pero únicamente cargando un div, para eso uso la funcion FADE IN #top_load {
position: fixed;
color: #ffffff;
padding: 10px 30px;
border: 1px solid;
visibility: hidden;
}
.top_cfg {
margin: 20px auto;
height: 200px;
bottom: 200px;
left: 50px;
right: 50px;
background: rgba(0,0,0,0.8);
}
obviamente en Jquery
El código JS es:
Código:
El problema es el siguiente, mientras el fade in esta en curso se ve media gruesa la letra independientemente del formato del div txt_pl en el css$(document).ready(function() {
$("#top_clic").click(function(){
$("#top_load").css({"visibility": "visible"});
$("#top_load").hide();
$("#top_load").fadeIn(1000).show();
$("#txt_pl").text("Esto es una prueba!"); // <---- acá el error...
$("#top_load").dialog();
});
});
y al terminar la traslación la imagen se vuelve su formato normal,
e visto con mis amigos que el error no ocurre a todos igualmente, tiene que ver con el cleartype, muchos usan opacity, pero eso únicamente hace que el texto se vea mas grueso en todo momento y así no se ve ese brutal error en la letra
pero a nivel profesional sigue el error, porque si tu quieres dejar la letra en su santo estado seguirá ese problema..... ese es mi dilema, les dejo 2 imágenes del error:
Mientras carga fade in se ve gruesa la letra

Después que ya cargo el fade in, vuelve a su estado normal

.................................................. .................................................. ....................
Les pido que me ayuden lo cuanto antes posible ...


