Hola, tengo este código, que funciona en todos los navegadores (chrome, firefox, safari, opera) excepto en explorer 8......
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script src="mootools.js" type="application/javascript"></script>
<script type="application/javascript">
window.addEvent('domready', function(){
$('p1').setOpacity(0.5);
});
function dentro(){
$('p1').set('text', 'Estás sobre el parrafo'); // cambiar texto de un parrafo
$('p1').setStyle('background-color','#00F') // cambiar color fondo
}
function fuera(){
$('p1').set('text','Estás fuera del parrafo');
$('p1').setStyle('background-color','#F00')
}
</script>
</head>
<body>
<p id="p1" style="background-color:#F00; color:#FFF; text-align:center; font-size:100%;"
onmouseover="dentro();"
onmouseout="fuera();">Esto es un párrafo</p>
</body>
</html>
Alguien sabe por qué? la versión de mootools es la última a día de hoy