ホームページ > ウェブフロントエンド > CSSチュートリアル > CSS を使用して Web サイトを白黒にする

CSS を使用して Web サイトを白黒にする

不言
リリース: 2018-06-21 17:54:42
オリジナル
2897 人が閲覧しました

この記事は主に Web サイトを白黒にするための CSS の使用方法を紹介しています。これは、必要な友人全員に参照してもらうために共有します。

以下はサイト全体の CSS コードです。

html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }
ログイン後にコピー

使用法: このコードは Web ページを白黒に変更でき、このコードを CSS の先頭に追加すると、Web ページを無地にすることができます。
Web サイトが CSS を使用していない場合は、Web ページ/テンプレートの HTML コード と

の間に挿入できます。

<style> 
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);} 
</style>
ログイン後にコピー

一部の Web サイトでは、最新の Web ページ。

<!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">
ログイン後にコピー

Web ページの上部にある を上記のコードに置き換えてください。
一部の Web サイトでは、CSS フィルターで色を制御できません。 FLASH コードの と < を挿入します:

<param value="false" name="menu"/> 
<param value="opaque" name="wmode"/>
ログイン後にコピー

ページを灰色にする最も簡単なコードは、PHP 中国語 Web サイトに従ってください。

関連する推奨事項:

IEでCSS3のボックスシャドウの効果をシミュレート


div模倣チェックボックスフォームスタイルの美化と機能


CSSスタイルを使用して作成された美しいボタン


以上がCSS を使用して Web サイトを白黒にするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート