ウェブサイトを黒、白、グレーにする4つのコードの詳細な説明

2008年5月12日に四川省汶川市で発生した地震により、多くの命が失われ、遺憾なことと存じます。国務院は、この災害で亡くなった同胞に深い哀悼の意を表すため、2008年5月19日から21日までを国家追悼日とすることを決定しました。この間、多くのウェブサイトは、亡くなった同胞に哀悼の意を表すため、スタイルを「黒、白、グレー」に変更した。全国のウェブマスターは、地震で亡くなった同胞を追悼する行動を取ることが提案されています。

関連記事: 1 行の CSS コードで Web サイトを白黒に変更する
個々のウェブマスターが哀悼の意を表しやすくするために、実用的な CSS フィルターコードをいくつかまとめました。少し調整するだけで、Web サイトを「黒、白、グレー」スタイルに変換できます。

方法1:

html{
フィルター:progid:DXImageTransform.Microsoft.BasicImage(グレースケール=1);
}

上記のコードは、Web ページを黒、白、グレーに変更できます。コードを CSS の先頭に追加することで、シンプルな装飾を実現できます。

方法2:

ウェブサイトが CSS ファイルを使用していない場合は、ウェブページ/テンプレートの HTML コードの <head> と </head> の間に CSS ファイルを挿入できます。

<スタイルタイプ="text/css">
html{
フィルター:progid:DXImageTransform.Microsoft.BasicImage(グレースケール=1);
}
</スタイル>

一部のウェブマスターのウェブサイトでは、最新のウェブページ標準プロトコルが使用されていないため、この CSS を使用しても効果が得られない場合があります。 Web ページの上部にある <html> を次のコードに置き換えます。
<!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">

方法3:

一部の Web サイトの FLASH アニメーションの色は、CSS フィルターで制御できません。FLASH コードの <object …> と </object> の間に次のコードを挿入できます。

方法4:

ページを黒、白、グレーに変える最も簡単なコードは、head: (またはCSSファイル内のセレクターがhtmlまたはbody) の間です。

<スタイルタイプ="text/css">
html{
フィルター: グレー;
}
</スタイル>

2008年5月12日に四川省で発生した汶川地震の犠牲者を哀悼します。

方法5

<スタイル>
html{
-webkit-フィルター: グレースケール(100%);
-moz-filter: グレースケール(100%);
-ms-filter: グレースケール(100%);
-o-filter: グレースケール(100%);
フィルター:progid:DXImageTransform.Microsoft.BasicImage(グレースケール=1);
_フィルター:なし;
}
</スタイル>

以上が、ウェブサイトを黒、白、グレーにする4つのコードの詳しい説明です。ウェブサイトをグレーにする方法の詳細については、123WORDPRESS.COMのその他の関連記事にも注目してください！

<<: ウェブページにプレーヤーを埋め込む埋め込み要素の自動開始が false 無効

>>: MySQL シリーズ II マルチインスタンス構成