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
5 Befehle zur Verwendung des Rechners in der Linux-Befehlszeile
Hallo zusammen, ich bin Liang Xu. Bei der Verwend...
Über die Rolle von Metadaten in HTML (aus dem Internet gesammelt und sortiert)
W3Cschool erklärt es so Das <meta>-Element l...
Umfassende Übersicht über die verschiedenen Abhörmethoden von Vue3.0
Inhaltsverzeichnis Hörer 1.Uhreneffekt 2.Uhr 1.1 ...
Ein Artikel bringt Ihnen bei, sauberen JavaScript-Code zu schreiben
Inhaltsverzeichnis 1. Variablen Verwenden Sie aus...
Analyse des Idea-Compiler-Vue-Einrückungsfehlerproblemszenarios
Projektszenario: Beim Ausführen des Vue-Projekts ...
CSS3-Textanimationseffekte
Wirkung html <div Klasse="sp-container&qu...
Beispiele für die Verwendung von HTML-Metadaten
Beispielverwendung Code kopieren Der Code lautet w...
Praktische Methode zum Upgrade von PHP auf 5.6 unter Linux
1: Überprüfen Sie die PHP-Version nach dem Aufruf...
Eine kurze Diskussion über die Verwendung und Analyse von Nofollow-Tags
Kontroverse um Nofollow Zwischen Zac und Guoping ...
Beheben Sie das Problem, dass der Name des Dateiänderungsformulars vom Typ = Datei nicht normal wiedergegeben werden kann
Der Code unter dem Easyui-Framework lautet wie fo...
MySQL MSI-Version herunterladen und installieren - ausführliches grafisches Tutorial für Anfänger
Inhaltsverzeichnis 1. Laden Sie die MySQL-MSI-Ver...
Detaillierte Erläuterung der MySql-Analyse langsamer Abfragen und Öffnen des Protokolls langsamer Abfragen
Ich habe mich kürzlich auch mit der Leistungsopti...
Lösung für unvollständige Textanzeige im El-Tree
Inhaltsverzeichnis Methode 1: Der einfachste Weg,...
Detaillierte Erklärung des Integer-Datentyps tinyint in MySQL
Inhaltsverzeichnis 1.1Tinyint-Typbeschreibung 1.2...
So verwenden Sie das JavaScript-Strategiemuster zum Validieren von Formularen
Inhaltsverzeichnis Überblick Formularvalidierung ...