2010-04-03 4 views
2

J'utilise jquery.qTip sur http://comps.gunnjerkens.com/phws/services/IE-only Styling pour jQuery Qtip

belle allure avec l'ombre et des bordures arrondies dans les navigateurs modernes ... malheureusement, l'ombre est perdue sur IE. Je veux donc spécifier une règle IE uniquement qui rend la bordure d'une couleur différente de celle du blanc. Voici comment je l'ai actuellement mis en place:

$(this).qtip({ 
    content: the_content, 
    position: { 
     corner: { 
      target: 'bottomLeft', 
      tooltip: 'topLeft' 
     }, 
     adjust: { 
      screen: true 
     } 
    }, 
    style: { 
     border: { 
      radius: 4, 
      color: '#FFFFFF' 
     }, 
     color: '#7D9240' 
    } 
}); 

J'apprécie toute aide!

+0

Merde le code avait l'air bien dans l'éditeur, que s'est-il passé? Eh bien j'espère que vous obtenez le point –

Répondre

1

color: $.browser.msie ? '#someothercolor : '#FFFFFF' vous permettra de définir une couleur différente. Notez qu'il s'agit d'un moyen ancien de vérifier la version du navigateur en lisant les méthodes à jour dans les docs jquery.

+0

Merci pour la réponse, je déteste avoir à vérifier pour un utilisateur-agent, mais parfois vous devez faire des compromis pour satisfaire le client ... –

0

Jetez un oeil à ceci: http://www.dillerdesign.com/experiment/DD_belatedPNG/

Je ne sais pas si c'est un problème de .png IE6 que vous rencontrez, mais vous feriez charger spécifiquement pour ce navigateur avec cela dans le <head>:

<!--[if IE 6]> 
<script type="text/javascript" src="/js/belatedpng_0.0.8a.js"> 
<![endif]-->