Die Website ist ausgegraut. Kompatibler Code einschließlich Bilder unterstützt alle Browser

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:

/*Website wird grau*/
html {-webkit-filter: Graustufen (100 %);-moz-filter: Graustufen (100 %);-ms-filter: Graustufen (100 %);-o-filter: Graustufen (100 %);filter:progid:DXImageTransform.Microsoft.BasicImage (Graustufen = 1);_filter: keine;}

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)

<html style="filter: progid:DXImageTransform.Microsoft.BasicImage(graustufen=1);
-webkit-filter: Graustufen (100%);">

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

>>:  Vues einfacher Implementierungsprozess zur Nachahmung der NetEase Cloud Music Player-Schnittstelle

Artikel empfehlen

Diskussion zu den Themen Bildschaltflächenübermittlung und wiederholte Formularübermittlung

In vielen Fällen wird die Schaltfläche „Senden“ du...

HTML implementiert ein schreibgeschütztes Textfeld und kann den Inhalt nicht ändern

Ohne weitere Umschweife werde ich den Code direkt...

Grundlegende Implementierungsmethode für die komponentenübergreifende Bindung mithilfe des V-Modells in Vue

Hallo allerseits, heute werden wir darüber sprech...

Antworten auf mehrere häufig gestellte MySQL-Interviewfragen

Vorwort: Bei Vorstellungsgesprächen für verschied...

Probleme und Lösungen für die Bereitstellung der Dual-Active-Architektur Nginx+KeepAlived-Cluster in VMware

Vorwort Verwenden Sie nginx zum Lastenausgleich. ...

Einführung in Linux-Komprimierungs- und Dekomprimierungsbefehle

Inhaltsverzeichnis Gängige Komprimierungsformate:...

Detaillierte Erklärung des Ungültigkeitsprozesses des VUE-Tokens

Inhaltsverzeichnis Ziel Gedankenanalyse Code-Land...

Reines CSS, um einen bewölkten Wettersymboleffekt zu erzielen

Wirkung Die Wirkung ist wie folgt ​ Umsetzungside...

So beheben Sie den Fehler beim Herstellen einer Verbindung zu MySQL unter Linux: Zugriff für Benutzer „root“@„localhost“ verweigert (mit Kennwort: JA)

Vorwort Kürzlich mit mysql /usr/local/mysql/bin/m...

Proxy realisiert das Prinzip der bidirektionalen Bindung von Vue3-Daten

Inhaltsverzeichnis 1. Vorteile von Proxy gegenübe...

Implementierung der K8S-Bereitstellung eines Docker-Containers

Umgebung: (Docker, K8s-Cluster), fahren Sie mit d...

MySQL-Interviewfragen: So richten Sie Hash-Indizes ein

Zusätzlich zu den B-Tree-Indizes bietet MySQL auc...

Detaillierte Erläuterung der Vue-Formularbindung und -Komponenten

Inhaltsverzeichnis 1. Was ist bidirektionale Date...

Implementierung mehrerer Nginx-Standorte, die alle Anfragen weiterleiten oder auf statische Ressourcendateien zugreifen

In diesem Artikel wird hauptsächlich die Implemen...

Verwendung und Szenarioanalyse des npx-Befehls in Node.js

Tutorial zur Verwendung von NPX Heute Abend, als ...