Die Website ist ausgegraut. Kompatibler Code einschließlich Bilder unterstützt alle Browser
|
An nationalen Trauertagen, Tagen mit schweren Erdbeben und dem Qingming-Fest färben wir unsere gesamte Website grundsätzlich grau, um den Verstorbenen unser Beileid auszusprechen. Hier sind ein paar Methoden 1. Fügen Sie einfach den Code zum Text hinzu Es ist sehr einfach, diesen Effekt zu erzielen. Sie benötigen nur einen CSS-Code: Filter: Graustufen (100 %) und fügen ihn im Stil des Body-Elements ein. Die Effekte, die wir selbst erzielt haben:
2. Direkt in der aufgerufenen CSS-Styledatei, so dass keine Änderung des HTML-Codes nötig ist. Direkt zum Code:
Oder laden Sie den Code herunter. Der obige Code wird empfohlen. Code kopieren Der Code lautet wie folgt:html{ -Webkit-Filter: Graustufen (100 %); -moz-filter: Graustufen (100 %); -ms-filter: Graustufen (100 %); -o-Filter: Graustufen (100 %); Filter: Graustufen (100 %); Filter: URL ("data:image/svg+xml;utf8, <svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'Graustufen\'><fecolormatrix Typ=\'Matrix\' Werte=\'0,3333 0,3333 0,3333 0 0 0,3333 0,3333 0,3333 0 0 0,3333 0,3333 0 0 0 0 0 1 0\'></fecolormatrix></filter></svg>#Graustufen"); Filter: Progid:DXImageTransform.Microsoft.BasicImage(Graustufen=1); } 3. Tencents Ansatz: <Stil>
Körper *{
-webkit-filter: Graustufen (100 %); /* webkit */
-moz-filter: Graustufen (100 %); /*Firefox*/
-ms-filter: Graustufen (100 %); /*ie9*/
-o-filter: Graustufen (100 %); /*Opera*/
Filter: Graustufen (100 %);
Filter:progid:DXImageTransform.Microsoft.BasicImage(Graustufen=1);
Filter: grau; /*ie9- */
}
</Stil>Einige andere Methoden: 1. Externer Stil des Schwarzweiß-Codes der Webseite (bitte verwenden Sie zum Schreiben eine *.css-Datei) html {
Filter: Progid:DXImageTransform.Microsoft.BasicImage(Graustufen=1);
-Webkit-Filter: Graustufen (100 %);
}2. Interner Stil des Schwarz-Weiß-Codes der Webseite (geschrieben im Head-Tag) <style type="text/css">
<!--
html {
Filter: Progid:DXImageTransform.Microsoft.BasicImage(Graustufen=1);
-webkit-filter: Graustufen (100 %);}
-->
</Stil>3. Inline-Schwarzweißcode der Webseite (HTML-Tag schreiben, HTML suchen)
Es ist nur ein Code, der vom Herausgeber von 123WORDPRESS.COM zusammengestellt wurde. Er ist einfach und praktisch, ich hoffe, er kann jedem helfen. |
<<: Tipps zum Deaktivieren des Kompatibilitätsansichtsmodus von IE8 und IE9 mithilfe von HTML
Artikel empfehlen
Erweiterte MySQL-Datenbankabfrage und Mehrtabellenabfrage
MySQL-Abfrage für mehrere Tabellen Hinzufügen ein...
Detaillierte Erläuterung der Windows-Zeitserver-Konfigurationsmethode
Kürzlich habe ich festgestellt, dass die Serverze...
Detailliertes Tutorial zur Installation von MariaDB auf CentOS 8
Das Datenbankverwaltungssystem MariaDB ist ein Zw...
Detaillierte Erklärung der Methode getBoundingClientRect() in js
1. getBoundingClientRect() Analyse Die Methode ge...
Einfaches Tutorial zum Herunterladen und Installieren der komprimierten Version von MySQL 5.7.20
1. Download-Adresse: http://dev.mysql.com/downloa...
Eine kurze Diskussion zum Problem von Daten mit Nullwerten in der MySQL-Datenbank
Standardmäßig akzeptiert MySQL das Einfügen von 0...
js objektorientierte Methode zum Erzielen eines Drag-Effekts
In diesem Artikel wird der spezifische Code zur I...
Detaillierte Erklärung der beiden Modi des Router-Routings in Vue: Hash und Verlauf
Hash-Modus (Standard) Funktionsprinzip: Überwache...
Lassen Sie uns ausführlich über den Symboldatentyp in ES6 sprechen
Inhaltsverzeichnis Symboldatentyp Der Grund, waru...
HTML-Tabellen-Markup-Tutorial (38): Rahmenfarben-Attribut der Kopfzeile BORDERCOLOR
Um die Tabelle zu verschönern, können Sie für die...
Verwenden Sie „overflow: hidden“, um Seiten-Bildlaufleisten zu deaktivieren
Code kopieren Der Code lautet wie folgt: html { Ü...
CSS3 ändert den Bildlaufleistenstil des Browsers
Hinweis: Diese Methode ist nur auf WebKit-basiert...
MySQL-Optimierung Verbindungsoptimierung
Im Artikel MySQL-Optimierung: Cache-Optimierung w...
Implementierungscode zum Erstellen von Screenshots mit HTML und zum Speichern als lokale Bilder
Der spezifische Code lautet wie folgt: <!DOCTY...
So stellen Sie über Navicat eine Remoteverbindung zu MySQL her
Wenn Sie Navicat direkt für die Verbindung über I...