Come creare elementi sfondo trasparente

February 12

Creare elementi di sfondo trasparente all'interno di una pagina Web per consentire ai visitatori di vedere diversi strati della pagina contemporaneamente. Se si esegue un blog, per esempio, dare l'involucro di fondo che si trova al di sotto di trasparenza post testo in modo che si vede l'immagine di sfondo e leggere il blog contemporaneamente. Utilizzare la codifica all'interno di fogli di stile CSS, o un file CSS del sito, per eseguire questa operazione.

istruzione

1 Accedi al pannello di controllo del tuo sito web. Scegliere il file "style.css" e fare clic sul pulsante "Modifica" all'interno del "File Manager".

2 Vai a una nuova linea di foglio di stile per creare il nuovo elemento. Dategli un nome e inserire un set di staffe dietro di esso. Ad esempio, è possibile codificare un involucro di fondo che si trova sotto il testo pagina come segue:

.wrapper {}

3 Inserire la proprietà sfondo trasparente. Utilizzare la proprietà "RGBA" a colori e il valore del colore "RGB" che si desidera per l'elemento per creare la trasparenza. La "A" valori rappresentano la trasparenza, con "0" essere completamente trasparente e "1" essere completamente opaco. Se si desidera creare un elemento di sfondo bianco semi-trasparente, per esempio, è possibile codificare come segue:

.wrapper {background-color: RGBA: (255,255,255,0.5)}

4 Includere qualsiasi altra codifica che si desidera applicare all'elemento, quindi salvare il documento. Aprire il sito in una nuova finestra o scheda per verificare che si è soddisfatti con il nuovo elemento.