Hola. A ver si podéis ayudarme porque no consigo que me funcione el código a partir de IE8 para abajo. Estoy haciendo una guitarra con sus respectivas cuerdas que suenan al pasar el ratón por encima mediante JQuery. El problema es que la guitarra está inclinada y por tanto las cuerdas tienen una inclinación de 70º mediante jQuery. He probado poniendo las cuerdas como divs individuales y como imágenes y nada. En IE9, firefox y chrome perfecto, pero en IE8 y IE7 las cuerdas no aparecen donde tienen que aparecer, es como si ignoraran su posición relativa con css (si que aparecen inclinadas pero no encima de la guitarra). Aquí os dejo la parte del código html a ver si alguien me puede dar una solución que soy novato en esto del javascript y jQuery. Gracias!
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Documento sin título</title>
<link href="css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jscriptrotation.js"></script>
<script type="text/javascript">
var x;
x=$(document);
x.ready(inicio);
function inicio()
{
var x;
x= $('#sexta, #quinta, #cuarta, #tercera, #segunda, #primera');
x.jangle(70);
}
</script>
</head>
<body>
<div id="fondo">
<img id="sexta" src="img/cuerda.jpg"></img>
<img id="quinta" src="img/cuerda.jpg"></img>
<img id="cuarta" src="img/cuerda.jpg"></img>
<img id="tercera"src="img/cuerda.jpg"></img>
<img id="segunda" src="img/cuerda.jpg"></img>
<img id="primera" src="img/cuerda.jpg"></img>
</div>
</body>
</html>
