qTip2 IE8 Abgerundete Ecke

Question

Ich verwende qTip2 in meiner Anwendung. Die tooptipfication ich durch die folgende jQuery bin zu erreichen:

$(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(); 
      } 
     } 
}); 

Nun ist es Rendering in:

• Firefox:
• IE8:

Wie Sie die gerundete sehen Ecke ist in IE8 weg; auch die Einstellung der Spitze von x, y funktioniert nicht. Ich bin auf der Suche nach einer Lösung für dieses spezielle Problem von qTip2. Gibt es eine Möglichkeit, dies zu lösen?

Gibt es eine bessere Tooptip-Bibliothek, die diese Art von Problem nicht hat?

Answer 1

IE8 unterstützt keine border-radius Eigenschaft und daher können Sie keine abgerundeten Ecken in Qtip haben. Hier ist ein Beitrag auf der Website der Bibliothek mit dem Autor antworten, dass es nicht unterstützt wird und er nicht für etwas so trivial wie ein qtip over Engineer wollen.

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