Deckkraft Cross Browser

Manchmal müssen wir die Deckkraft in unserem CSS verwenden.

Hier ist das Beispiel.

Hier ist das Beispiel.

.opacity{
    opacity: 0.5;
}

Wir müssen für alle Browser den gleichen Code schreiben.

Hier ist der Code der Deckkraft für Cross-Browser.

.opacity{
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Gute Browser */
  opacity: 0.5;
}

Wir müssen nur diesen Code in unserer CSS-Datei hinzufügen, um die Deckkraft zu erhalten.