Ciao a tutti!
ho bisogno di creare un effetto fade sul contenitore della mia pagina web quando si apre...
In realtà ci sono riuscita ma la cosa non funzione su IE 7 e 8.
Ho usato questo codice:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<style>
<?php
$browser = getenv("HTTP_USER_AGENT");
if (!eregi('MSIE', $browser)) { ?>
.hid {
filter:alpha(opacity=0.0);
-moz-opacity:0.0;
opacity:0.0;
}
<? } else { ?>
.hid { visibility:hidden; }
<? } ?>
</style>
</head>
<body>
<div class="hid">
<div id="contenitore">SITO</div>
</hid>
<script>
<!--
<? $browser = getenv("HTTP_USER_AGENT");
if (!eregi('MSIE', $browser)) { ?>
$(window).load(function(){
setTimeout(function() {
$('.hid').animate({
opacity : 1
}, 400);
}, 400);
});
<? } else { ?>
$(window).load(function(){
setTimeout(function() {
$('.hid').css('visibility','visible');
}, 400);
});
<? } ?>
-->
</script>
</body>
Ripeto, il problema è solo con Explorer...avete qualche soluzione??
grazie