Estoy usando qTip2 en mi aplicación. La optimización que estoy logrando a través del siguiente jQuery:

$(this).qtip({
        style: {
            tip: {
                corner: true,
                width: 10,
                height: 5
            },
            classes: 'ui-tooltip-rounded ui-tooltip-shadow ui-tooltip-tipsy'
        },
        position: {
            my: 'bottom left',
            at: 'top right',
            adjust: {
                x: -10,
                y: 0
            }
        },
        events: {
            show: function (event, api) {
                $('.ui-tooltip-content').addClass('ui-tooltip-center');
            }
        },
        show: {
            effect: function (offset) {
                $(this).show();
            }
        },
        hide: {
            effect: function (offset) {
                $(this).hide();
            }
        }
});

Ahora se está renderizando en:

  • Firefox: ingrese la descripción de la imagen aquí
  • IE8: ingrese la descripción de la imagen aquí

Como puede ver, la esquina redondeada desapareció en IE8; Además, el ajuste de la punta de x, y no funciona. Estoy buscando una solución para este problema particular de qTip2. ¿Hay alguna forma de resolver esto?

¿Hay alguna biblioteca Tooptip mejor disponible que no tenga este tipo de problema?

0
Tapas Bose 7 abr. 2012 a las 10:25
IE8 no admite esquinas redondeadas, por lo que sospecho que el CSS tiene border-radius en alguna parte. Intente editar el CSS después de agregar CSS3PIE en su código: css3pie.com
 – 
Blender
7 abr. 2012 a las 10:27

1 respuesta

La mejor respuesta

IE8 no admite la propiedad border-radius y, por lo tanto, no puede tener esquinas redondeadas en qtip. Aquí hay una publicación en el sitio web de la biblioteca con el autor respondiendo diciendo que no es compatible y que no quiere ingeniar demasiado para algo tan trivial como un qtip.

http://craigsworks.com/projects/forums/thread-dered-corners-with-ie8-possible

2
Baz1nga 7 abr. 2012 a las 10:39