Hvordan skjule innholdet i en div med CSS

Innholdet i enhver DIV tag i Web koden kan være skjult fra visningen, og samtidig opprettholde strukturen i koden og siden. Javascript er ett alternativ for å oppnå dette. Men ved hjelp av Javascript potensielt kan føre til problemer med skript allerede kjører på ditt nettsted. Et annet alternativ er å bruke CSS (Cascading Style Sheets). CSS tillater bruk av "synlighet" attributt som skal brukes, noe som gjør det enkelt å skjule innholdet i en DIV.

Bruksanvisning

1 Last ned din stilark ved hjelp av FTP-klientprogramvare.

2 Åpne din stilark i code-redigering programvare. Notisblokk vil være nok.

3 Kopiere stilen id eller klasse som styrer DIV tag du ønsker skjult.

4 Lim inn den kopierte stilen under den opprinnelige. Legg til "-2" til navnet på stilen. For eksempel hvis din stil er "#mystyle," forandre limt koden til "# mystyle-2."

5 Legg til følgende kode i ny stil:

synlighet: skjult;

6 Lagre stilsett og laste den opp til ditt nettsted filer ved hjelp av FTP-klientprogramvare.

7 Last ned siden som inneholder DIV du ønsker å skjule ved hjelp av FTP-klientprogramvare.

8 Åpne siden i koderedigeringsprogramvare.

9 Endre DIV tags klasse eller id til den nyopprettede stil. For eksempel, du opprinnelige stilen i DIV koden var "id =" mystyle "." Endre den til "id =" mystyle-2 "."

10 Lagre siden din og laste den opp til ditt nettsted filer ved hjelp av FTP-klientprogramvare.