2

これを達成するためのより良い方法はありますか? 現在、幅/高さ 100%、より高い z-index および pointer-events: none の不透明な赤い div を使用しています。これにより、その下のすべてが機能します。

また、ドキュメント全体を暗くしたいのですが、適用できる明るさのプロパティはありますか、それとも不透明な黒いレイヤーをすべての上に置いたほうがよいでしょうか?

私がこれについて間違った方法で行っているかどうか疑問に思っています。より効率的な js/jquery ソリューションにも興味があります。古いブラウザーとの互換性についても気にしません。

** 誰かがすべてを白黒にする最も簡単な方法を教えてくれたら、本当に感謝します。

4

4 に答える 4

2

WebKit のみの機能:

-webkit-filter: grayscale; /* Turn everything black and white */
-webkit-filter: brightness(20%); /* Make stuff brighter */

を使用hue-rotateして、一般的な配色に応じて色相を変更できます。すべてが異なる場合は、カスタム フィルターが必要になりますが、これはより困難であり、現在作成中です。

詳細はこちら。

于 2012-05-05T20:09:51.530 に答える
1

使用できます

body {
 opacity: 0.8; // Any value between 0 & 1 where is 0 in invisible & 1 is 100% opaque
 }

しかし、それは白い背景になるので、それがあなたに望ましい出力を与えるかどうかはわかりません。画面全体にカラーフィルターを追加したい場合は、オーバーレイを追加する必要があります。あなたが言ったように、下にあるものはどれも機能しません。

-webkit- CSS属性は、ChromeとSafariでのみ機能します。

于 2012-05-05T20:15:03.230 に答える
1

...適用できる明るさのプロパティはありますか、それともすべての上に不透明な黒いレイヤーを配置したほうがよいでしょうか？

最も簡単な方法は次のとおり$('body').css('opacity', '0.3');です。背景色を変更したい場合は、それをhtmlノードに適用できます。$('html').css('background', '#000');

**誰かが私にすべてを白黒にする最も簡単な方法を教えてくれたら、私もそれを本当に感謝します。

Internet Explorerでは、Windowsフィルターを使用できます。-webkit-filter: grayscale;Chrome/Safariに使用します。MozillaやOperaでも実現できるかもしれませんが、よくわかりません。

于 2012-05-05T20:16:03.780 に答える
1

ページ全体（「基になる」DOM要素を含む）を特定の色相にしたいようです。これは、ボディの色や不透明度を変更するだけでは不可能です。必要なのは、jQuery用のBlockUIプラグインのようなものです。私が間違っていなければ、UIが「ブロック」されているときにユーザーがページ要素を操作できるようにするオプションがあります。

于 2012-05-05T20:20:11.897 に答える