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?

yulia
Freigeben: 2018-09-20 11:38:57
Original
10552 Leute haben es durchsucht

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); }
Nach dem Login kopieren

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 der Webseite/Vorlage einfügen:

<style>
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}
</style>
Nach dem Login kopieren

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">
Nach dem Login kopieren

Bitte ersetzen Sie das 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 einfügen:

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>
Nach dem Login kopieren

Der einfachste Code, um die Seite in Grau umzuwandeln, besteht darin,

<style type="text/css">
html {
    FILTER: gray
}
</style>
Nach dem Login kopieren

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 :

JavaScript

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!

Verwandte Etiketten:
css
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage