J'utilise le plugin qtip de jquery pour dessiner une info-bulle, et ça marche bien sur FF mais pas sur mes versions d'IE. Il ressemble à IE, le plugin utilise des tags vml au lieu de balises canvas. Y a-t-il quelque chose de plus que je dois inclure dans ma page pour montrer la petite flèche? Voici ma page html simple; noter que lorsque vous passez la souris sur « cible infobulle », la boîte grise apparaît, mais pas la pointe de flèche:jQuery qtip ne dessine pas la petite pointe de la flèche dans IE8 (ou IE7)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<script type="text/javascript" src="/jquery-1.4.2.js" />
<script type="text/javascript" src="/jquery.qtip-1.0.0-rc3.js" />
</head>
<body>
<a id="my_tooltip">tooltip target</a>
<script type="text/javascript">//<--
jQuery(document).ready(function() {
jQuery("#my_tooltip").qtip({
"content": {
"text": "this is a test"
},
"position": {
"corner": {
"target": "bottomMiddle",
"tooltip": "topMiddle"
}
},
"style": {
"tip": {
"corner": "topMiddle",
"color": "#999999",
"size": {
"x": 10,
"y": 10
}
},
"border": {
"width": 2,
"radius": 3,
"color": "#999999"
}
}
});
});
// --></script>
</body>
</html>
Hm, je découvre que la pointe tire correctement si j'utilise jquery-1.3.2 au lieu de jquery-1.4. 2. – tonyunfang