png32 con alpha channel e IE6

**Kheera** · 12-12-2007, 19:31

Salve a tutti,

stavo elevando grida di gioia al cielo per aver trovato un bell'hack in js per aggirare il problema delle png trasparenti in IE6, quando di colpo ho dovuto rimettere i piedi per terra e disperarmi

in una pagina di location ho inserito l'iframe di google maps per visualizzare la mappa. Apparentemente questo dà noia al javascript che mi permette di visualizzare correttamente le png trasparenti anche su IE6. Qualcuno sa dirmi se esiste una soluzione? Altrimenti sarò costretta a fare una mappa grafica e lasciare soltanto il link a google maps.

il javascript che ho adottato lo trovate qui:
http://24ways.org/2007/supersleight-...ent-png-in-ie6

e l'ho inserito in head così


tra l'altro l'articolo è molto utile. Ho usato il bgsleight.js invece del supersleight perchè mi interessa soltanto ottimizzare le immagini messe come background nel css, anche perchè col supersleight le immagini messe invece nel codice mostravano problemi.

Attendo l'illuminazione speranzosa.

**H5N1_Aviaria** · 12-12-2007, 21:44

Di grazia, non hai un link eventualmente per controllare tutto il codice?

**Kheera** · 13-12-2007, 11:02

beh incollo qui.....

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">
/*<![CDATA[*/
@import "stileplaystos.css" screen;
/*]]>*/
</style>



<link rel="shortcut icon" href="img/icoplaystos_16.ico" />
<script type="text/javascript" src="js/swfobject.js"></script>
<title>Playstos Entertainment</title>
</head>

<body>

<div id="cont_grad"></div>
<div id="alto_dx"></div>
<div id="media"></div>
<div id="basso_dx"></div>

<div id="menu_top">
<ul>[*]home[*]games[*]technology[*]profile[*]careers[*]location[*]contacts[/list]
</div>

<div id="logo_flash">
<div id="flashcontent">
Playstos Entertainment

If you don't see the animation, that means you don't have Flash Player or that you have an Internet Explorer version older
than 6. Please, download the flash player here or
update your Internet Explorer version here.
</div>
<script type="text/javascript">
var so = new SWFObject("logo.swf", "mymovie", "205", "205", "7");
so.addParam("quality", "high")
so.addParam("wmode","transparent" )
so.write("flashcontent");
</script>
<div id="logo"></div>
</div>

<div id="main">

<div id="box">

<div class="top"></div>

<div class="middle">
<div id="colonna_sx">
<div id="testavuota"></div>

</div>
<div id="colonna_dx">
<div id="testavuota"></div>
<div class="blocco2_testo">
<div class="titolo">[img]img/chars_light/char_l.png[/img]<div>ocation</div></div>
<span>Corso Sempione 63 - 20149 Milano (Italy)
<iframe width="522" height="305" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" class="mappa" src="http://maps.google.it/maps?f=q&hl=it&geocode=&time=&date =&ttype=&q=corso+sempione+63,+milano&s ll=41.442726,12.392578&sspn=11.540391,20.56640 6&ie=UTF8&ll=45.490886,9.165688&spn=0. 010546,0.020084&z=14&iwloc=addr&om=1&a mp;output=embed&s=AARTsJpyKYfJeiYrFBoGTWAGI6_L fW5AYw"></iframe>
view the map on google maps
</span>
<div class="titolo">[img]img/chars_light/char_h.png[/img]<div>ow to reach us</div></div>
<span>
<div class="nota">*Malpensa Express connects the Malpensa Intercontinental Airport (Terminal 1) to the center of Milan. Trains leave every hour at 27 and 57 minutes.</div>
<ul class="ul_howto">
[*]<div class="from">From Malpensa Airport</div><div class="istruzioni">Take the Malpensa Express* shuttle to Milano Cadorna FNM train station (last stop, approximately 45 minutes).
(see below for Cadorna FNM - Corso Sempione)</div>
<li class="li_pari"><div class="from">From Linate Airport</div><div class="istruzioni">Take the #73 bus to Piazza San Babila subway station; from there, take the red line (Line 1) of the ATM Subway in direction RHO fieramilano, and get off at Milano Cadorna FNM train station.
(see below for Cadorna FNM - Corso Sempione)</div>[*]<div class="from">From Centrale Railway Station</div><div class="istruzioni">Take the green line (Line 2) of the ATM Subway in direction Abbiategrasso, and get off at the Milano Cadorna FNM train station. You do not need to change.
(see below for Cadorna FNM - Corso Sempione)</div>
<li class="li_pari"><div class="from">From Duomo</div><div class="istruzioni">Take the red line (Line 1) of the ATM Subway in direction RHO fieramilano, and get off at Milano Cadorna FNM train station.
Alternatively, take #19 tram and get off at Sempione Arona.
(see below for Cadorna FNM - Corso Sempione)</div>[*]<div class="from">From Cadorna FNM</div><div class="istruzioni">Take the #1 tram, get off at Sempione Arona.
Alternatively, take the LeNord train to the Milano Domodossola-Fiera FNM train station (one stop).
We are situated within a 5-minute walk from the train station.
</div>[/list]
</span>
</div>
</div>
</div>

<div class="bottom"></div>
</div>

</div>

<div class="barra">
<div class="ombra"></div>
</div>

</body>
</html>

a seguire incollo il css?
Grazie

**Kheera** · 13-12-2007, 17:22

ehm...adesso ho anche trovato che alcuni tag a non funzionano come dovrebbero, ovvero non compare la manina e cliccando non succede niente, come se fosse un problema di z-index , come quando c'è un flash trasparente sopra....boh

Discussione: png32 con alpha channel e IE6

Strumenti discussione

Ricerca discussione

Visualizza

png32 con alpha channel e IE6

Permessi di invio