4mj feedburner
674mj twitter

Sfruttare la trasparenza delle png su iexplorer!

Il formato PNG per le immagini è sempre più diffuso sul web e con l utilizzo delle trasparenze consente di ottenere ottimi risultati, superiori a quelli che si hanno con le gif. Purtroppo mentre con i vari Firefox, Opera, ecc.. tale caratteristica può essere sfruttata, con Iexplorer non sono supportate le trasparenze, le quali vengono visualizzate come un alone bianco.

png trasparenti

Ecco la soluzione al problema:

create un div container, naturalmente all interno del vostro body:

 

dopodichè create uno stile per la classe, inserendo il nome della vostra immagine

div.image {
background:url(image-transparent.png) no-repeat;
height:100px;
width:100px
}

Il codice sopra funziona per Firefox, adesso create un altra classe per Iexplorer:

div.image {
background:none;
filter:progid:DXImageTransform.Microsoft.
AlphaImageLoader(src= image-transparent.png ,sizingMethod= crop );
}

ed il gioco è fatto!

Fonte: hongkiat.com

Scritto da Peppe | 20 dic 06
20 dic 06 , 5:48 am

tAlpA:

Grazie Peppe,
questa

22 dic 06 , 3:56 pm

Carl:

Veramente utile!

Lascia un commento

4MJ – Internet News © 2002 - 2010 è basato su piattaforma WordPress
Progetto e Design sono esclusiva proprietà di Giuseppe Argento.
Mappa Sito, Articoli (RSS) e Commenti (RSS) | Contatti
designed by giuseppe argento