Web ページ全体を白黒にするにはどのような方法がありますか?-CSSチュートリアル-php.cn

Web ページ全体を白黒にするにはどのような方法がありますか?

yulia

リリース： 2018-09-20 11:38:57

オリジナル

10541 人が閲覧しました

この記事ではWebページ全体を白黒または黒にする方法とその方法を紹介していますので、興味のある方は参考にしていただければと思います。

サイト全体の CSS コード。

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }

ログイン後にコピー

使用方法: このコードは、Web ページを白黒に変更して、CSS の先頭に追加して、プレーンな装飾を実現します。全国のウェブマスターが行動を起こすことをお勧めします。地震で亡くなった同胞に哀悼の意を表します。

Web サイトで CSS が使用されていない場合は、Web ページ/テンプレートの HTML コードと

の間に CSS を挿入できます。この Web サイトでは最新の Web 標準プロトコルが使用されていないため、CSS を有効にすることができません。

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

ログイン後にコピー

Web ページの上部にあるを上記のコードに置き換えてください。

一部の Web サイトの FLASH アニメーションの色は、FLASH コードのとの間に挿入できます。 ##ページを灰色に変える最も簡単なコードは、一般的なディスカスフォーラムで、

#/images/header/header.css ファイルをヘッダーの間に追加することです。コントロール CSS ファイル。

CSS メソッド

ソフトウェア Firefox (firebug をインストール) プラグインを使用します。ie7 または IE 8 には開発者ツールが必要です (F12 を押すと表示されます)。 )

IE ブラウザでは、コード本体 {filter: grey;} を使用して Microsoft のフィルターコードを使用して、Web サイト全体を白黒のグレートーン効果に脱色できることは誰もが知っていますが、 Firefox などの他の非 IE ブラウザとは互換性がありません。

CSS Web サイトのグレートーン (IE のみをサポート)

インラインスタイル:

elem.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)' ;

css スタイルシート:

elem { filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);

/* 要素は「hasLayout」である必要があります */

zoom: 1;}

Firefox はフィルターをサポートしていないため、昨日 Firefox の子供用シューズを使用したところ、多くの Web サイト (Renren、19 階) がまだカラーであることがわかりました。

これには、ブラウザの互換性の問題、CSS ハックなどが含まれます。

昨日、IE または Firefox のファイアバグを使用して、本文 {filter: grey;} の前のボックスのチェックを外すか、elem.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1) を置きました。 )' ; この文のチェックを外すと、カラーで表示されます。

Flash をグレーに変える方法と、白黒の Web サイトをさまざまなブラウザに対応させる方法については、コードを載せておきます。このように書いたので、詳細は説明しません。興味のある友達はオンラインで答えを検索できます。

FLASH のグレー化:

一部の Web サイトの FLASH アニメーションの色は、CSS フィルターで制御できません。<オブジェクト...> で制御できます。 ; と FLASH コードのの間に挿入します:

JavaScript

Use:

//メソッド 1 var el = document.getElementById( 'myEl' );grayscale( el ); // メソッド 2 greyscale( document.getElementsByTagName('div') ); // jquery で使用: greyscale( $('div') );

grayscale.reset ( el ); // 同様に、リセットメソッドも使用できます jquerygrayscale.reset( $('div') ); 前処理:

greyscale.prepare ( document.getElementById(' myEl') );// greyscale.prepare( $('.gall_img') );

は jquery でも使用できます

以上がWeb ページ全体を白黒にするにはどのような方法がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。