DIV-Hintergrund, halbtransparenter Text, nicht durchscheinender Stil

Der DIV-Hintergrund ist halbtransparent, aber die Wörter im DIV sind nicht halbtransparent

Code kopieren

Der Code lautet wie folgt:

Der Ebenenhintergrund ist halbtransparent und die Schriftfarbe ist ebenfalls halbtransparent

Code kopieren

Der Code lautet wie folgt:

</span></div>
<div style="filter:alpha(opacity=50);background:#ffffff;width:600"><span style="position:relative;color:yellow">Der Ebenenhintergrund ist halbtransparent und die Schriftfarbe ist nicht halbtransparent</span></div>

*******Die Ebene mit dem Filter muss über ein Breitenattribut verfügen, sonst ist der Filter ungültig. ********

Wir können CSS-Stilfilter verwenden, um Filtereffekte auf einige HTML-Tags festzulegen.

Beispiel:

Schwarzweiß-Fotofilter: grau;
Röntgenfotofilter: Röntgen;
Windunschärfefilter: Unschärfe (Hinzufügen = wahr, Richtung = 45, Stärke = 30);
Sinuswellenfilter: Welle (Add=0, Freq=60, Lichtstärke=1, Phase=0, Stärke=3);
Durchscheinender Effektfilter: Alpha (Deckkraft = 50);
Linearer transparenter Filter: Alpha (Deckkraft=0, Deckkraft beenden=100, Stil=1, StartX=0, StartY=0, EndeX=100, EndeY=140);
Strahlungstransparenzfilter: Alpha (Deckkraft = 10, Enddeckkraft = 100, Stil = 2, StartX = 30, StartY = 30, EndX = 200, EndY = 200);
Weißer transparenter Filter: Chroma (Farbe = #FFFFFF);
Farbfilter reduzieren: Grautöne;
Negativeffektfilter: invertieren;
Filter nach links und rechts umdrehen: fliph;
Vertikales Flip-Filter: flipv;
Projektionseffektfilter:progid:dXImageTransform.Microsoft.DropShadow(color=#cccccc,offX=5,offY=5,positives=true);
Mosaikfilter:progid:dXImageTransform.Microsoft.Pixelate(maxsquare=3);
Leuchteffektfilter:progid:dXImageTransform.Microsoft.Glow(color=#cccccc,Strength=5);
Filter für Weichkanteneffekte: Alpha (Deckkraft = 100, FinishDeckkraft = 0, Stil = 2

<<: Best Practices-Handbuch zum Speichern von Daten in MySQL

>>: Vue + webrtc (Tencent Cloud) Praxis der Implementierung der Live-Broadcast-Funktion

DIV-Hintergrund, halbtransparenter Text, nicht durchscheinender Stil

Der grundlegendste Code für Webseiten

So entwerfen und erstellen Sie adaptive Webseiten

Detaillierte Erklärung der Syntax und des Prozesses der Ausführung von MySQL-Transaktionen

js native Karussell-Plugin-Produktion

So schreiben Sie DROP TABLE in verschiedene Datenbanken

Angular Cookie Lese- und Schreibvorgangscode

Bild-Tag für HTML-Webseite

Lösung für den Netzwerkfehler beim Installieren der Workstation in einer virtuellen Maschine in ESXI

Konvertierung einer vertikalen MySQL-Tabelle in eine horizontale Tabelle und Tutorial zur Optimierung

MySQL implementiert Beispielcode, um doppelte Hinzufügungen beim Hinzufügen eines Einkaufswagens zu verhindern

Artikel empfehlen

CSS3 realisiert den roten Umschlag-Shaking-Effekt

Vermittlung der Struktur- und Ausdrucksprinzipien eines einfachen Webseiten-Layouts

Zusammenfassung des Wissens zum MySQL-Protokoll

Detaillierte Schritte zur schnellen Installation von Openshift

Grafisches Tutorial zum Herunterladen und Installieren von MySQL 5.7 und höher

Tutorial zum Migrieren von Projekten von MYSQL zu MARIADB

So entfernen Sie „Enter“, „Senden“ und „Enter != Senden“ aus dem Formular

Welche Eigenschaften sollte eine gute Werbung haben?

Implementierung der DOM-Operation in React

MySQL-Abfrageoptimierung: Ursachen und Lösungen für langsame Abfragen

Detailliertes Tutorial zur Installation der dekomprimierten Version von MySQL 5.7.19 auf Windows Server 2016

Entwerfen Sie eine einfache HTML-Anmeldeoberfläche im CSS-Stil

JavaScript implementiert die Maussteuerung eines frei beweglichen Fensters

Die Komponente vue-cropper realisiert das Zuschneiden und Hochladen von Bildern

Implementierungsschritte für die Docker-Bereitstellung lnmp-wordpress