問題タブ [dropshadow]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
13296 参照

wpf - WPF: カスタム クロムを使用せずにボーダレス ウィンドウにドロップ シャドウ

WindowStyle=None および ResizeMode=NoResize の WPF ウィンドウでドロップ シャドウに苦労しています。ウィンドウコンテンツで DropShadow 効果を使用する代わりに何か良い方法はありますか? Shell Integration Library で WindowChrome を試しましたが、ResizeMode=NoResize のときに「Chrome」が表示されません。

ウィンドウの境界の外側に wpf-drop-shadow を描画することができれば、それが解決策になる可能性があります。ウィンドウ内にドロップ シャドウを描画すると、たとえば、マウス カーソルをシャドウ上に移動すると、標準とは異なる動作になります。これを行うと、ウィンドウにヒットテストが表示されなくなり、この領域をクリックすると、背後のウィンドウがアクティブになります。

Zune は、標準の Chrome シャドウとまったく同じように見えないため、独自のドロップ シャドウを描画しているようです。ただし、マウスイベントをキャプチャしないという点で、通常のドロップシャドウのように動作します。彼らはどうやってそれをするのだろうか。

Spotify には、マウス イベントをキャプチャしない別の種類のシャドウもあります。

これらのアプリは独自の WindowChrome を完全に描画すると思いますが、どうやって? これはどういうわけかWPFでサポートされていますか?

0 投票する
2 に答える
6395 参照

internet-explorer-8 - IE8のクイックドロップシャドウCSSの質問が機能しない

ちょっとした簡単な質問ですが、この css コードは ie8 のドロップ シャドウでは機能しません。なぜ機能しないのでしょうか?

0 投票する
2 に答える
377 参照

apache-flex - Flex 4.5は、すべてのオブジェクトがシャドウと特別なfxをドロップし、パフォーマンスを向上させることをグローバルにオフにしますか?

  • アプリケーション内のすべてのオブジェクトで、すべての特別なFX、特にdropShadowをオフにする方法はありますか?

(アイデアはパフォーマンスを向上させることです。パフォーマンスを向上させるための別のアイデアは高く評価されています。)

0 投票する
1 に答える
1453 参照

android - Android プラットフォームの Google マップでドロップ シャドウを操作する

Android用のGoogle Maps APIを使用しており、マップマーカーを追加するとドロップシャドウが自動的に追加されます。

今私が抱えている問題は、私が使用しているマーカーの 1 つが黒であり、ドロップ シャドウも黒一色であるため、ドロップ シャドウと実際のマーカーの区別がなくなったため、非常に見苦しく見えます。

それについて何かする方法はありますか?私はドロップ シャドウが好きで、それを維持したいと考えています。ほとんどの場合、それらは実際に全体的な外観に追加されます. その場合はそうではありません。ドロップ シャドウがマーカーに接触するマーカーの周りに単一ピクセルの白/灰色の線を追加するか、ドロップ シャドウを黒ではなくやや透明にする方法を見つけたいと思っています。

さらに悪いことに (?) 私のデバイス (Android 2.2) では、ドロップ シャドウの透明度は一定ではなく、ズームすると変化します。あるべき姿でかなり透明になることもありますが (その場合は見栄えがよくなります)、ほとんどの場合、完全に黒くなります。

0 投票する
3 に答える
10339 参照

html - CSSを使用してインセットダークドロップシャドウ効果を作成する

次の画像のようなCSSのはめ込みドロップシャドウ効果のような効果を取得しようとしています。

沈んだボタンの画像
(出典:gyazo.com

CSSでその効果を得る方法を知っている人はいますか?

0 投票する
2 に答える
307 参照

javascript - JQuery Ready 関数の問題

dropShadow プラグインを使用していますが、JQueryready関数に問題があります。

次のようなコードがある場合:

2 つ目の機能であるドロップ メニューが表示されると、影が作成されます。理由はありますか?

JS の完全なコードは次のとおりです。

静的の場合、HTML は次のようになります。

もう見る必要があるかどうかはわかりませんが、ドロップメニューは単なるリストですが、これを静的画像に適用できるようにしたいのですが、ドロップメニューが表示されるまで適用されません.

0 投票する
3 に答える
13005 参照

wpf - WPF: 親アイテムでドロップシャドウ効果を使用すると、テキストと要素がぼやけるのはなぜですか

親要素に a を追加するDropShadowEffectと、子要素のテキストがぼやけます。なんで?

アップデート:

影付き

ここに画像の説明を入力

影なし

ここに画像の説明を入力

0 投票する
1 に答える
466 参照

css - タブが正しく機能していないドロップシャドウ

私はここにリストされているソリューションを実装しようとしています:

CSS3ボックスの作成-1つを除くすべての側面に影を付ける

私はその人のコードを使用してこのjsfiddleを作成し、overflow:hiddenを#navに追加しました。あなたはここでそれを見ることができます:

http://jsfiddle.net/eeTUJ/

まだ欠けているのは、水色の背景のコンテンツの影です。メインコンテンツの影を表示する方法を知っている人はいますか...?

ありがとう

0 投票する
1 に答える
418 参照

apache-flex - フィルタはFlex4.5スキンのcolorizeExclusionsを壊しますか?もしそうなら、回避策はありますか?

Flex 4.5でMXMLスパークボタンスキンを作成しました。これは、ダウン状態では、 colorizeExclusions配列(現在、ボタンのテキストラベルとハイライトを保護している)を無視することを除いて、うまく機能しているようです。アップ状態とダウン状態の唯一の違いは、ダウン状態で内側のドロップシャドウを適用していることです。

私は新しいユーザーなので、StackOverflowでは画像を投稿できません。他の場所に投稿しました。

アップステート

アップ状態

ダウン状態

ダウン状態

2番目の画像で、ハイライトとテキストが青色でどのように色付けされているかを確認してください。それはまったく間違っています。

この内側の影に状態制限を設定しない場合、同じ問題が発生します。colorizeExclusionsが無視されるため、状態や状態固有のCSS( 、この場合、とにかく)。

ボタンのスキンコードは次のとおりです。

一体何がここで起こっているのか誰かが知っていますか?これはFlexのバグですか?回避策はありますか?私は愚かなことをしましたか?ここで、私は本当に途方に暮れています。

0 投票する
1 に答える
2902 参照

cocoa - NSView のドロップ シャドウを作成する - Cocoa

NSWindow がその影でそれを行う方法のように、NSView を囲むドロップ シャドウを作成しようとしていますが、いくつかの問題があります。ドロップ シャドウを作成する NSView のクラスを作成し、オーバーライド メソッドに次のコードを使用しています。

これは、私が見ているドロップシャドウを実際には作成しません。

目指す影はここにある…

NSWindow シャドウ

むしろ、ビューの境界内の境界線のように見える NSView を通る線を作成します。誰でもこれについて何かアイデアがありますか?