ホームページ > 記事 > ウェブフロントエンド > CSSを使用してWebサイトのページをグレーにする方法

CSSを使用してWebサイトのページをグレーにする方法

小云云オリジナル: 2017-12-19 10:11:095122ブラウズ

この記事では、CSS を使用して Web サイトのページをグレーアウトすることに関する関連情報を主に紹介します。この記事には、参考と学習のための詳細なサンプルコードが記載されています。必要な方はぜひご参照ください。ぜひご覧ください。皆さんのお役に立てれば幸いです。

上の画像の灰色の効果を実現したい場合、方法は次のとおりです:

この CSS コードは、Web ページを白黒に変更できます。これを実現するには、CSS の先頭にコードを追加します。素朴な装飾。

html{
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
}

ページに HTML タグがない場合は、次の HTML5 タグを追加するか、上記の CSS タグの html を body などに変更してください。

<!DOCTYPE html>
<html>
</html>

一部のページでは、FLASH アニメーションの色を CSS フィルターで制御できない場合があります。FLASH コードのとの間に挿入できます。 Flash では表示色がそのままであるか、ブラウザのスクロールバーを上下にドラッグすると Flash FLV プレーヤーが変更されます (Jianwang 3、Jianxia World 公式 Web サイトの分割ページなど)。Flash を JS 出力 (この場合は SWFObject) に変更します。

<param value="false" name="menu"/>
<param value="opaque" name="wmode"/>

みんなは学びましたか？急いで試してみてください。

CSSを使用してWebサイトのページをグレーにする方法

関連記事