Utilizzo di immagini trasparenti sul tuo sito Web consente di creare effetti visivi più dinamici per i tuoi visitatori. Creazione di immagini trasparenti può essere fatto abbastanza facilmente modificando o creando immagini in programmi di software di fotoritocco come Photoshop. Ma se non hanno accesso a tali programmi, o non si desidera modificare in modo permanente le immagini, è possibile codificare le immagini trasparenti in HTML utilizzando la proprietà CSS.

Istruzioni

1

Aprire l'origine HTML del file che contiene il link codificato per l'immagine che si desidera rendere trasparente.

2

Aggiungere la seguente riga di codice direttamente nel tag < img >: "style="opacity:X;filter:alpha(opacity=X)."

Il tag img dovrebbe essere qualcosa come questo: < img width = "150" height = "150" alt = "Mia foto" style="opacity:X;filter:alpha(opacity=X)" / >

3

Sostituire le variabili X con il numero desiderato per indicare l'opacità. La funzione "opacità: X" deve essere impostata su 0,0-1,0 scala in cui il valore più basso rende l'immagine più trasparente. La funzione "filter:alpha(opacity=X)" deve essere impostata su 0-100 scala in cui il valore più basso rende l'immagine più trasparente. Impostare questi sullo stesso valore, ma utilizzare entrambe le opzioni, mentre lavorano su browser separato.

4

Salvare il file.

5

Visualizza la pagina nel browser per verificare i risultati. Regolare, se necessario.