Come nascondere il contenuto di un div con CSS

July 24

I contenuti di un determinato tag DIV nel codice Web possono essere nascosti dallo spettatore, pur mantenendo la struttura del tag e la pagina. JavaScript è una opzione per raggiungere questo obiettivo. Ma usando JavaScript potrebbe potenzialmente causare problemi con gli script già in esecuzione sul vostro sito web. Un'altra opzione è quella di usare i CSS (fogli di stile CSS). CSS consente l'utilizzo dell'attributo "visibilità" da utilizzare, rendendo facile per nascondere il contenuto di una DIV.

istruzione

1 Scarica il foglio di stile utilizzando il software client FTP.

2 Aprire il foglio di stile nel vostro software di code-editing. Blocco note sarà sufficiente.

3 Copiare la identificazione di stile o di classe che controlla il tag DIV si desidera nascosto.

4 Incollare lo stile copiato sotto l'originale. Aggiungere "-2" al nome dello stile. Per esempio, se il vostro stile è "#myStyle," modificare il codice incollato a "# mystyle-2."

5 Aggiungere il seguente codice al nuovo stile:

visibility: hidden;

6 Salvare il foglio di stile e caricarlo sul sito web i file utilizzando il software client FTP.

7 Scarica la pagina che contiene il DIV si desidera nascondere utilizzando il software client FTP.

8 Aprire la pagina nel vostro software di code-editing.

9 Cambiare la classe tag DIV o id allo stile appena creato. Ad esempio, è lo stile originale nel codice DIV era "id =" myStyle "." Cambiare a "id =" myStyle-2 "."

10 Salvare la pagina e caricarlo sul sito web i file utilizzando il software client FTP.