Hier bist Du: Home « Positionieren « visibility

Unsichtbare Elemente: visibility

Diese Eigenschaft gibt es seit Version: CSS 2

Setzt ein Element auf sichtbar oder unsichtbar. Unsichtbar bedeutet in diesem Fall vollständig transparent. Das Element ist zwar nicht zu sehen, nimmt aber den Platz ein, der mit den Positionsangaben und Abmessungen festgelegt ist.

Code-Beispiel für visibility:

<style type="text/css">
 .examplediv
 {
  background-color:#efefef;
  border-style:solid #000000 1px;
 }
#divid
{
 position:absolute;visibility:hidden;
 left:450px; top:350px; width:300px; height:150px;
}
</style>

<body>

  <div id="divid" class="examplediv">
  ...
  </div>

Beispiel ansehen

Initialwert:sichtbar (visible)
Vererbbar:Ja
Anwendbar auf:Alle Elemente
Medium:Visual
Werte:
visible
Sichtbar
hidden
Transparent (unsichtbar)
collapse
Bestimmt, dass Tabellenspalten, -spaltengruppen, -zeilen und -zeilengruppen, also tr, td, col, colgroup und Elemente mit dem entsprechenden Wert für display:table-..., von der Anzeige entfernt werden, sodass der Platz anderen Elementen zur Verfügung steht. Angewendet auf andere Elemente, hat collapse die gleichen Auswirkungen wie hidden.
Inherit
Bemerkung: NC 4.x:nur bei positionierten Layern und <div>-Bereichen.
collapse nur bei NC 6.x und OP 5.x. OP 5.x stellt hidden und collapse gleich dar.
Wert Internet Explorer Opera Netscape Mozilla/ Seamonkey Mozilla Firefox Safari Konqueror
5 5.5 6 MAC 5+ 5 6 7+ 4 6 7+ 1+ 0.8+ 1.0+ 3.3+
visible,hidden j j j j j j j t j j j j j j
collapse n n n n f f f n j j j j n n