2012-04-07 3 views
0

В моем приложении используется qTip2. Tooptipfication я достичь через следующие JQuery:qTip2 IE8 Округленный угол

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

Теперь он делает в:

  • Firefox: enter image description here
  • IE8: enter image description here

Как вы можете видеть, округленный в IE8 отсутствует угол; также регулировка подсказки x, y не работает. Я ищу решение для этой конкретной проблемы qTip2. Есть ли способ решить это?

Есть ли какая-нибудь лучшая библиотека Tooptip, которая не имеет такой проблемы?

+0

IE8 не поддерживает скругленные углы, поэтому я подозреваю, что CSS имеет 'пограничную-radius' где-то. Попробуйте отредактировать CSS после добавления в CSS3PIE в свой код: http://css3pie.com/ – Blender

ответ

2

IE8 не поддерживает свойство border-radius и, следовательно, вы не можете иметь закругленные углы в qtip. Вот сообщение на веб-сайте библиотеки, на котором автор ответил, что он не поддерживается, и он не хочет перерабатывать что-то столь же тривиальное, как qtip.

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

Смежные вопросы