Heim >Web-Frontend >CSS-Tutorial >Welche Möglichkeiten gibt es, eine ganze Webseite in Schwarzweiß umzuwandeln?
Welche Möglichkeiten gibt es, eine ganze Webseite in Schwarzweiß umzuwandeln?
- yuliaOriginal
- 2018-09-20 11:38:5710585Durchsuche
In diesem Artikel wird erläutert, wie Sie die gesamte Webseite in Schwarzweiß oder Schwarz umwandeln können und welche Methoden dies erreichen können. Wenn Sie daran interessiert sind, können Sie darauf verweisen.
Vollständiger Site-CSS-Code.
html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }Verwendung: Dieser Code kann die Webseite in Schwarzweiß umwandeln. Fügen Sie den Code oben in CSS ein, um eine schlichte Dekoration zu erzielen. Webmastern im ganzen Land wird empfohlen, Maßnahmen zu ergreifen. Beileid für die Landsleute, die bei dem Erdbeben ums Leben kamen.
Wenn die Website kein CSS verwendet, können Sie zwischen dem HTML-Code 93f0f5c25f18dab9d176bd4f6de5d30e der Webseite/Vorlage einfügen:
<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>Einige Webmaster verwenden dies möglicherweise für ihre Websites Das CSS kann nicht wirksam werden, da die Website nicht das neueste Webstandardprotokoll verwendet
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
Bitte ersetzen Sie das 100db36a723c770d327fc0aef2ce13b1 oben auf der Webseite durch den oben genannten Code.
Die Farbe von FLASH-Animationen kann auf einigen Websites nicht durch CSS-Filter gesteuert werden. Sie können sie zwischen c0344c6ab64b40438518a590d0ce08e6 einfügen:
<param value="false" name="menu"/> <param value="opaque" name="wmode"/>
Der einfachste Code, um die Seite in Grau umzuwandeln, besteht darin,
<style type="text/css">
html {
FILTER: gray
}
</style>zwischen den Köpfen einzufügen. Ändern Sie im allgemeinen Discuz-Forum die Datei
/images/header/header.css unter Ihrer Kontrolle CSS-Datei.
CSS-Methode
Das Software-Plugin Firefox (Firebug installieren) muss über Entwicklertools verfügen (drücken Sie F12, um zu erscheinen).
Jeder weiß, dass Sie im IE-Browser einen Teil des Codekörpers {filter: grey;} verwenden können, um den Filtercode von Microsoft zu verwenden, um die gesamte Website in einen Schwarz-Weiß-Grautoneffekt zu entfärben, aber das ist so Nicht kompatibel mit anderen Nicht-IE-Browsern wie Firefox.
Grauton der CSS-Website (unterstützt nur IE)
Inline-Stil:
elem.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)' ;
CSS-Stylesheet:
elem { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
/* Element muss „hasLayout“ sein! */
Zoom: 1;🎜>
Da Firefox keine Filter unterstützt, habe ich gestern die Kinderschuhe von Firefox verwendet und festgestellt, dass viele Websites (Renren, 19. Stock) noch in Farbe waren. Hierbei handelt es sich um Browserkompatibilitätsprobleme, CSS-Hacks usw. Gestern habe ich einfach den Firebug von IE oder Firefox verwendet, um das Kontrollkästchen vor body {filter: grey;} zu deaktivieren, oder elem.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1 )' ; Deaktivieren Sie diesen Satz, um ihn in Farbe anzuzeigen Wie man Flash in Grau umwandelt und wie man eine Schwarz-Weiß-Website mit verschiedenen Browsern kompatibel macht, werde ich nur mit dem Grund posten Da ich es so geschrieben habe, werde ich nicht ins Detail gehen. Interessierte Freunde können online nach Antworten suchen.Vergrauung von FLASH:
Die Farbe der FLASH-Animation kann auf einigen Websites nicht durch CSS-Filter gesteuert werden, was im 9e2b073a05dd093d14853af35a5ab460: e20eab0f894f00d62d8e790461aebf833a1af799c505051f284042441e0d47d5JavaScript
Verwendung: // Methode 1 var el = document.getElementById( 'myEl' ) ;grayscale( el ); // Methode zwei greyscale( document.getElementsByTagName('div') ); // Wird in jquery verwendet: greyscale( Reset: grayscale.reset ( el ); // Ebenso kann die Reset-Methode auch verwendet werden jquerygrayscale.reset( $('div') ); document.getElementById(' myEl') );// greyscale.prepare( $('.gall_img') );kann auch in jquery verwendet werden
Das obige ist der detaillierte Inhalt vonWelche Möglichkeiten gibt es, eine ganze Webseite in Schwarzweiß umzuwandeln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!