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:<body bgcolor="#336699"> <div style="filter:alpha(opacity=50);hintergrund:#ffffff;breite:600;"><span style="farbe:gelb"> 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
Artikel empfehlen
MySQL erstellt Benutzer, autorisiert Benutzer, widerruft Benutzerberechtigungen, ändert Benutzerkennwörter und löscht Benutzer (praktische Tipps)
MySQL erstellt Benutzer und autorisiert und wider...
Neue Einstellungen für Text und Schriftarten in CSS3
Textschatten Textschatten: horizontaler Versatz, ...
Erläuterung der Verwendung von GROUP BY in gruppierten Abfragen und der SQL-Ausführungsreihenfolge
In SQL wird GROUP BY verwendet, um Daten in den E...
So bereinigen Sie den MySQL-Speicherplatz in der Alibaba Cloud
Heute habe ich von Alibaba Cloud eine Festplatten...
Hinweise zum Systemaufruf des Linux-Kernel-Gerätetreibers
/**************************** * Systemaufruf*****...
Ein Artikel zum Lösen des Echarts-Kartenkarussell-Highlights
Inhaltsverzeichnis Vorwort Aufgabenliste tun Sie ...
Schritte zur Implementierung der Autorisierungsanmeldung für das WeChat-Applet von Uni-App
Inhaltsverzeichnis 1. Anwendung und Konfiguration...
HTML+CSS+JavaScript zum Erstellen eines einfachen Tic-Tac-Toe-Spiels
Inhaltsverzeichnis Implementieren von HTML CSS hi...
Details zum JavaScript-Prototyp
Inhaltsverzeichnis 1. Übersicht 1.1 Was ist ein P...
Mehrere Möglichkeiten zur Implementierung eines 0-ms-Verzögerungstimers in js
Inhaltsverzeichnis WarteschlangeMikrotask asynchr...
Einführung in MySQL-Anweisungskommentare
MySQL unterstützt drei Arten von Kommentaren: 1. ...
Lösung für das Problem des verstümmelten Codes in MySQL 5.x
MySQL ist eine häufig verwendete Open-Source-Date...
Implementierung der Einstellungen für virtuellen Nginx-Host basierend auf Domänenname, Port und unterschiedlicher IP
1. Einrichten des virtuellen Nginx-Hosts Mit virt...
Top 10 der nützlichsten und wichtigsten Open-Source-Tools im Jahr 2019
In der Open-Source-Umfrage von Black Duck aus dem...
960 Grid System – Grundprinzipien und Verwendung
Natürlich gibt es auch viele Leute, die die gegent...