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 ...