Nwlapcug.com


Come fare un iframe trasparente in HTML

Un modo per mostrare ai visitatori del sito un interessante oggetto di pagina Web è nasconderlo. Effetti di opacità HTML, supportati da tutti i browser moderni, consentono agli sviluppatori di controllare la trasparenza degli oggetti che appaiono su una pagina Web. Ad esempio, facendo un elemento iframe trasparente, si può causare un background della pagina sbirciare attraverso l'iframe. Sperimentando con differenti impostazioni di trasparenza HTML, è possibile ottenere effetti visivi che possono trasformare pezzi di conversazione ordinaria iframes.

Istruzioni

1

Aprire uno dei documenti HTML utilizzando un editor di testo o un editor HTML.

2

Individuare la sezione di stile del documento e incollare il seguente codice CSS in quella sezione:

trasparente
{
Filter:Alpha(Opacity=50);
opacità: 0.50;
}

Il nome della classe CSS "trasparenti" usi due attributi per definire la trasparenza di un oggetto: filtro: alfa e opacità. Questa operazione assicura che tutti i browser moderni possono vedere l'effetto di trasparenza. I valori 50 e 0,50 controllano il grado di trasparenza. Questi numeri differiscono di un fattore 100. Intervallo di valori consentiti da 0 a 100 per attributo filtro: alpha e tra 0 e 1 per l'attributo di opacità.

3

Incollare il codice HTML riportato di seguito nella sezione body del documento:

< iframe classe = "trasparente" src = "http://www.irs.gov & quot; >
< p > questo browser non funziona con iframes </p >
< / iframe >

Questo crea un semplice iframe che fa riferimento alla classe CSS "trasparente". Visualizza il sito Web dell'IRS.

4

Salvare il documento e aprirlo in un browser. L'iframe sarà trasparente il 50 per cento perché si imposta le impostazioni di opacità 50% nella classe CSS.

Consigli & Avvertenze

  • Aggiungere un riferimento alla classe trasparente a qualsiasi elemento iframe che si desidera rendere trasparente. Ricordarsi di utilizzare lo stesso numero quando si definisce la classe CSS opacità di un iframe. Dividere il numero che si assegna a "filtro: Alfa" per 100 per ottenere il valore per l'attributo di "opacità". Ad esempio, se si assegna 80 a filtro: alfa, impostare Opacità a 0,8. Creare un intrigante effetto spettrale utilizzando un valore di opacità molto piccolo. Questo crea un iframe che a malapena viene visualizzato nella pagina Web.