ホームページ  >  記事  >  バックエンド開発  >  Firefox および chrome_PHP と互換性のある Web ページのグレースケール効果のチュートリアル

Firefox および chrome_PHP と互換性のある Web ページのグレースケール効果のチュートリアル

WBOY
WBOYオリジナル
2016-07-21 15:25:08853ブラウズ

しかし、技術的な観点から見ると、Web ページのグレースケールを実現する最も安全な方法は、互換性や効率を考慮せずにすべての画像を直接処理することです。ただし、作業量は比較的大きく、切り戻すのも手間がかかります。

ie シリーズは CSS フィルターをサポートしています: グレー;ただし、ie はご存知の通り、効率が悪いことで有名で、ie をオンにすると著しく速度が低下することがわかります。そして最も致命的なのは、他のブラウザでは動作しないことです。

すべてのブラウザと互換性を持たせる方法はありますか?持っている。 JavaScript を使用すると、IE のグレー フィルターをシミュレートすることができます。興味があり、英語を読みたい場合は、IE 以外のブラウザでの「グレースケーリング」を確認してください。読みたくない場合は、使い方を直接教えます。

1. greyscale.js ファイルをダウンロードします

2. この js ファイルをヘッダーに引用します