Ihr wollt die Transparenz von einem Element ändern? Hier zeige ich euch, wie das geht!

Zuallererst braucht ihr diesen Befehl:

opacity: 0.5;

Damit es in allen Browsern funktioniert, braucht ihr verschiedene Anhänge.

-webkit-opacity: 0.5;
-moz-opacity: 0.5;
  -o-opacity: 0.5; 
-ms-opacity: 0.5; 

Für welche Browser die einzelnen Kürzel stehen, seht ihr hier.

Die Zahl könnt ihr natürlich nach euren Wünschen anpassen. 0.5 steht für 50%. Je niedriger die Zahl, desto transparenter ist das Element. 

Wenn es beim Drüberfahren mit dem Mauszeiger undurchsichtig werden soll, müsst ihr die Zahl zu 1.0 ändern.

Natürlich könnt ihr den Effekt auch umkehren: Im normalen Zustand undurchsichtig und volle Deckkraft und beim Drüberfahren Transparenz. Das könnt ihr so machen, wie es euch gefällt.