Index  HTML  CSS  ASP  PHP  VBScript
 Javascript  SQL  Links  Contact  Gastboek  

  CSS
  Groeperen
  Pseudo-Class
  Font
  Tekst
  Background
  Button
  Formulier
  Cursor
  Positie
  Z-index
  Visibility


Visibility

Voorbeeld:
<style type="text/css">
.lay1 {
   width: 100px;
   height: 100px;
   background-color: #0080ff;
   position: absolute;
   top: 10px;
   left: 10px;
   z-index: 2;
}
.lay2 {
   width: 150px;
   height: 150px;
   background-color: silver;
   position: absolute;
   top: 25px;
   left: 25px;
   z-index: 1;
   visibility: hidden;
}
</style>
<body<
<div class="lay1">Laag 1</div>
<div class=”lay2”>Laag 2</div>
</body>

Klik hier... Voorbeeld

In dit voorbeeld beïnvloeden we de laag of deze wel of niet zichtbaar wordt op de pagina. Alleen laag 1 is zichtbaar, laag 2 niet. Toch is laag 2 wel aanwezig in de pagina. Klik op je rechtermuisknop en selecteer "bron weergeven". In de broncode zul je laag 2 wel zien. Bij dhtml kun je hier weer verder mee knutselen.