Estoy usando el complemento qtip de jquery para dibujar una información sobre herramientas, y funciona bien en FF pero no en mis versiones de IE. Parece que para IE, el complemento usa etiquetas vml en lugar de etiquetas de canvas. ¿Hay algo más que necesito incluir en mi página para mostrar la pequeña punta de la flecha? Aquí está mi página html simple; en cuenta que al pasar el ratón sobre "blanco sobre herramientas", el cuadro gris aparece, pero no la punta de flecha:jQuery qtip no dibuja punta de flecha pequeña en IE8 (o 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, he descubierto que la punta dibuja correctamente si uso jquery-1.3.2 en lugar de jquery-1.4. 2. – tonyunfang