Come fare un iFrame trasparente

July 2

Come fare un iFrame trasparente


Un IFRAME viene utilizzato per inserire una pagina HTML in un altro. Questo viene fatto con il tag iFrame, che caricherà fino una pagina HTML esterna e posizionarlo all'interno del vostro uno esistente. Questo può essere utile se si desidera inserire lo stesso contenuto in più pagine diverse, ma vuole il suo contenuto circostante di essere diversi. iFrames possono essere personalizzati in una varietà di modo di stile CSS utilizzando, tra cui rendendole trasparenti.

istruzione

1 Aprire un editor di testo, come Blocco note o modificare il testo. Fai clic su "File", poi "Apri" e selezionare il file che si desidera inserire come iFrame. Questo dovrebbe avere un'estensione HTML. Fare clic sul file e selezionare "OK" per aprirlo.

2 Individuare la parte della pagina che è dopo l'intestazione. Questo sarà subito dopo il tag "</ head>" se si dispone di un colpo di testa. In caso contrario, quindi fare clic sulla parte superiore della pagina. Inserire il seguente codice:

<Body style = "background-color: trasparente">

Questo renderà il vostro iFrame hanno uno sfondo trasparente. Salvare il file.

3 Aprire il file che si desidera inserire il iFrame in nel vostro editor di testo. Questo dovrebbe anche avere un'estensione HTML, anche se può essere PHP, pure.

4 Scorrere verso il basso fino a visualizzare la parte della pagina in cui si desidera inserire l'iFrame. Inserire il seguente codice:

<Nome iframe = "Frame" allowTransparency = "true">

Sostituire "iframe.html" con il nome del file che si crea. È possibile modificare "Frame" a qualsiasi titolo si vuole dare il vostro iFrame.

5 Carica entrambi i file al tuo sito web. Assicurarsi che siano nella stessa directory o il file non riconoscerà il vostro iFrame. Il iFrame inserito sarà ora trasparente.

Consigli e avvertenze

  • IFrame non verranno nei motori di ricerca, in modo da non inserire contenuti troppo prezioso dentro di loro.