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
So überwachen Sie Tomcat mit LambdaProbe
Einführung: Lambda Probe (früher bekannt als Tomc...
Vue.js implementiert eine Bildwechselfunktion
In diesem Artikel wird der spezifische Code von V...
Die letzten zwei Jahre mit User Experience
<br />Es ist nicht länger als zwei Jahre her...
Anbieterpräfix: Warum brauchen wir ein Browser-Engine-Präfix?
Was ist das Lieferantenpräfix? Anbieterpräfix – B...
Die ultimative Lösung zum Abspielen von Hintergrundmusik im Firefox-Browser (Chrome-Multibrowser-kompatibel)
Der empfohlene Code zum Abspielen von Hintergrundm...
So aktualisieren Sie alle Python-Bibliotheken in Ubuntu 18.04 auf einmal
Was ist Pip pip ist ein Python-Paketverwaltungsto...
So fügen Sie Anführungszeichen in HTML-Titel ein
<a href="https://www.jb51.net/" titl...
Analyse des Linux-Hochleistungsnetzwerk-IO- und Reaktormodells
Inhaltsverzeichnis 1. Einführung in grundlegende ...
CSS zur Implementierung von Sprites und Schriftsymbolen
Sprites: In der Vergangenheit war jede Bildressou...
Die Fallstricke bei der Beurteilung von NULL-Werten in MySQL
Inhaltsverzeichnis Vorwort MySQL-Fall mit Syntax:...
So berechnen Sie den Wert von ken_len im MySQL-Abfrageplan
Die Bedeutung von key_len In MySQL können Sie „ex...
Docker stellt über einen Port eine Verbindung zu einem Container her
Docker-Container-Verbindung 1. Netzwerk-Port-Mapp...
isPrototypeOf-Funktion in JavaScript
Inhaltsverzeichnis 1. istPrototyp von() Beispiel ...
Eine Frage zum Verständnis mehrerer Parameter des Sortierbefehls in Linux
Der Sortierbefehl wird sehr häufig verwendet, ver...
So verwenden Sie MySQL „group by“ und „order by“ gemeinsam
Angenommen, es gibt eine Tabelle: Belohnung (Belo...