Verwandtes Wissen über CSS Alpha-Transparenz. Bitte schauen Sie sich zunächst den folgenden Code an:
Programmcode
filter:alpha(opacity=50); /* IE */
-moz-opacity:0.5; /* Moz + FF */
Deckkraft: 0,5; /* Browser, die CSS3 unterstützen (FF 1.5 unterstützt es auch) */
Um es kurz zu erklären: IE verwendet das private Attribut filter:alpha(opacity), Moz Family verwendet das private Attribut -moz-opacity und das Standardattribut ist opacity (CSS 3, Moz Family unterstützt teilweise CSS3). Der folgende Wert ist Transparenz. Verwenden Sie einen Prozentsatz oder eine Dezimalzahl (Alpha (Deckkraft). Verwenden Sie einen Wert größer als 0 und kleiner als 100, was eigentlich ein Prozentsatz ist). Im obigen Code wird Opera nicht angezeigt. Richtig, Opera unterstützt noch keine Standard-Deckkraft und verfügt auch nicht über eigene private Eigenschaften zur Unterstützung der Alpha-Transparenz. Wir wissen jedoch, dass Opera Alpha-transparente PNG-Bilder unterstützt (natürlich unterstützt dies auch Moz Family). Wir können also ein Hintergrundbild verwenden, um Alpha-Transparenz zu erreichen.
Der Schlüssel ist:
Programmcode
Hintergrund: transparente URL (alpha80.png) links oben wiederholen! wichtig;
Hintergrund:#ccc;
filter:alpha(opazität=50);
Da die Moz-Familie alphatransparente PNGs unterstützt, müssen wir ihre privaten Eigenschaften nicht verwenden. Natürlich können Sie die Standard-Deckkraft verwenden, aber verwenden Sie nicht gleichzeitig alphatransparente Bilder und Deckkraft, da es sonst zu einer Mischung aus beiden kommt. Sie können das obige Beispiel herunterladen und einen Blick auf die Kommentare von /*opacity:.5;*/ werfen.