botones animados

[flashmax]

Hola quiero consultarles lo siguiente estoy utilizando una botonera animada en java con el siguiente código:

Código:

<script>
            $('.item').hover(
                function(){
                    var $this = $(this);
                    expand($this);
                },
                function(){
                    var $this = $(this);
                    collapse($this);
                }
            );
            function expand($elem){
                var angle = 0;
                var t = setInterval(function () {
                    if(angle == 1440){
                        clearInterval(t);
                        return;
                    }
                    angle += 40;
                    $('.link',$elem).stop().animate({rotate: '+=-40deg'}, 0);
                },10);
                $elem.stop().animate({width:'268px'}, 1000)
                .find('.item_content').fadeIn(400,function(){
                    $(this).find('p').stop(true,true).fadeIn(600);
                });
            }
            function collapse($elem){
                var angle = 1440;
                var t = setInterval(function () {
                    if(angle == 0){
                        clearInterval(t);
                        return;
                    }
                    angle -= 40;
                    $('.link',$elem).stop().animate({rotate: '+=40deg'}, 0);
                },10);
                $elem.stop().animate({width:'52px'}, 1000)
                .find('.item_content').stop(true,true).fadeOut().find('p').stop(true,true).fadeOut();
            }
        </script>

la cual a los div contenedores lo tengo con border radius , el problema es que en internet explorer 8 tube que utilizar behavior:url(PIE.htc) el cual me relentiza la animacion de mis botones.
por que el pie.htc relentiza mi animacion en java ?

[Dradi7]

Sencillamente porque en IE versiones menores a la 9 no existe border-radius mejor dicho CSS3 y por lo tanto este archivo trata de simular estos códigos css que no funcionan para las versiones de IE menores a la 9

Saludos

[flashmax]

Iniciado por Dradi7

Sencillamente porque en IE versiones menores a la 9 no existe border-radius mejor dicho CSS3 y por lo tanto este archivo trata de simular estos códigos css que no funcionan para las versiones de IE menores a la 9

Saludos

ok , entonces que me recomiendas para hacer bordes redondeados yo siempre trabajé con imágenes pero ahora como se utiliza border radius es donde aparecen los problemas en ie, también e visto que se pueden hacer en java pero no se si sera compatible con ie.

[Dradi7]

Mira Primero porque no usas hack css para que hagas el trabajo mas facil y si detecta que son versiones menores de IE 9 entonces que levante una imagen como boton o en todo caso ten una imagen con la esquina redondeada y muestrala

Ademas acuérdate que debes validar siempre que tu aplicación web corra en todos los navegadores y versiones por lo tanto no trates de siempre usar los ultimos codigos css

Saludos

[flashmax]

Iniciado por Dradi7

Mira Primero porque no usas hack css para que hagas el trabajo mas facil y si detecta que son versiones menores de IE 9 entonces que levante una imagen como boton o en todo caso ten una imagen con la esquina redondeada y muestrala

Ademas acuérdate que debes validar siempre que tu aplicación web corra en todos los navegadores y versiones por lo tanto no trates de siempre usar los ultimos codigos css

Saludos

ok , gracias por tu respuestas.