Código :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title>My web</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <link rel="shortcut icon" href="favicon.ico"> <style type="text/css"> /*<![CDATA[*/ html, body, #Flash_content { height: 100%; overflow: hidden; } body { background-color: #000000; font: 86% Arial, "Helvetica Neue", sans-serif; margin: 0; background-image: url(); } /*]]>*/ </style> <script type="text/javascript" src="js/swfobject.js"></script> <script type="text/javascript" src="js/swfaddress.js"></script> <script type="text/javascript" src="js/swffit.js"></script> <script type="text/javascript"> /*<![CDATA[*/ swfobject.embedSWF("web.swf", 'HTML_content','100%', '100%', '9.0.0', 'Scripts/expressinstall.swf', {}, {bgcolor: '#000000', menu: 'false', wmode: 'transparent'}, {id: 'Flash_content'}); swffit.fit("Flash_content",770,550); /*]]>*/ </script> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.backstretch.min.js"></script> </head> <script type="text/javascript"> $.backstretch("foto.jpg", {speed: 150}); </script> <body> <div id="HTML_content"> <p><font color=#FFFFFF>Please make sure you have both,<br> the latest Adobe Flash Player installed<br>and<br>JavaScript browser support<bt>to fully experience this website.</font></p> <p> <a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/ download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a> </p> </div> </body> </html>
El problema que tengo es que la transparencia no funciona bien en todos los navegadores, por ejemplo en Opera carga el fondo y no la página web y en Safari pasa justo lo contrario.
Sabéis si se puede solucionar???
Gracias..