CSS Transparenz in allen Borwsern

Posted on : 16-10-2009 | By : DKl3in | In : Entwicklung

1

Die Transparenz von Elementen ist zwar ein alter Hut,
aber da ich selbst immer wieder gerne vergesse,
wie man es in allen Browsern anwendet, dachte ich mir,
ich schreib es einfach mal hier rein, vielleicht geht es
ja anderen genauso wie mir, und wenn nicht, hab wenigstens ich
einen Ort an dem ich es wieder finde.


Was ist nun zu tun, wenn man z.B. eine schwarze Box mit einer 50%igen
Transparenz versehen möchte ?
Man könnte eine Klasse schreiben die in etwa so aussieht:

.transparent {
  filter:alpha(opacity=50);
  -moz-opacity:0.5;
  -khtml-opacity: 0.5;
  opacity: 0.5;
}

Und diese Klasse dann auf die schwarze Box legen und sehen was das Ergebnis bringt.

Wofür stehen die einzelnen Angaben ?
also:

  • filter:alpha(opacity=90); sorgt dafür, dass es auch der IE verteht.
  • moz-opacity:0.9; ist für alte Mozilla oder Netscape Browser.
  • -khtml-opacity: 0.9; für alt Safari (1.x) oder so.
  • opacity: 0.9; für die modernen Browser.

Comments (1)

[...] CSS Transparenz in allen Borwsern | Trunkfish Die Transparenz von Elementen ist zwar ein alter Hut, aber da ich selbst immer wieder gerne vergesse, wie man es in allen Browsern anwendet, dachte ich mir, ich schreib es einfach mal hier rein, vielleicht geht es ja anderen genauso wie mir, und wenn nicht, hab wenigstens ich einen Ort an dem ich es wieder finde. Tags: transparency css all browser alle [...]

Write a comment

recovery