問題タブ [dropshadow]

私はこれに関するコード例を広範囲に検索しましたが、何も見つかりません。

特に、ImageViewで使用しているpngドローアブルに影を付けたいと思っています。このpngドローアブルは、角が透明な丸みを帯びた長方形です。

誰かがコードまたはXMLのいずれかでビューに適切なドロップシャドウを追加する方法のコード例を提供できますか？

HTMLが流動的である可能性があるHTMLの周りにドロップシャドウを作成するためのベストプラクティスは何ですか？

以前はテーブルを使用していて、外側の8つのセルのそれぞれの背景として8つのpng画像（4つの側面と4つの角）があり、中央のセルにドロップシャドウが必要です。あまりセマンティックではありませんが、少なくともドロップシャドウの画像は背景であり、流動的でした... htmlは醜く、退屈で、SEOにあまり適していませんでした。

現在、より互換性のある（ブラウザーの問題が発生したことをまったく覚えていませんが）方法はありますか、それともこれを処理するためのよりセマンティックな方法がありますか？

IE6は気にしません。私はjqueryを使用しているので、最新のブラウザー間で互換性の問題がない限り、javascript/jqueryメカニズムで問題ありません。

更新：CSS3のボックスシャドウを使用するという提案は素晴らしかった。唯一の問題は、適用されるhtml要素と同じサイズのボックスシャドウのみを実行することです。つまり、これは、（光源が真上にあるかのように）ドロップシャドウを周囲に配置できないことを意味します。少し大きい周囲のdivを追加できます。しかし、次に何が起こるかというと、境界半径によって、白いアーティファクトがコーナーに表示されます...

HTML要素からオフセットするだけでなく、HTML要素の周囲全体に素敵な黒い影を付ける方法はありますか？

更新2：CSS3のボックスシャドウとfirefox / webkitの実装はすべて、私が望むものを可能にするスプレッド値をサポートしています。以下のdynamicdrive.comリンクにはありませんでした。ありがとうございました。

さて、私は読んだり調べたりしてきましたが、今、これを理解しようとして頭を壁にぶつけています。これが私がこれまでに持っているものです：

}

測定値の「+5」は一時的なものです。私が理解していることから、ドロップシャドウがキャンバスに追加するサイズを決定するためにいくつかの計算を行う必要がありますよね?

しかし、これを使用すると：

私のImageViewでは、プログラムを実行しても通常のImageViewしか得られません。

何かご意見は？ありがとう。

編集: IRC チャンネルで RomainGuy と話をしたところ、以下のコードを使用してプレーンな長方形の画像を処理できるようになりました。ただし、ビットマップの透明度に直接影を描画することはまだないので、まだ取り組んでいます。

ここにトリッキーなものがあります: 「アンダーレイ」要素でデフォルトで実装されているブロック状の影の代わりに、ダイアログの周りに素敵な OS X スタイルの影がある YUI ダイアログ/パネルの実装を見た人はいますか?

このタイプの影は、Amazon.com のポップアップ ウィンドウで見ることができます。かなりの量の PNG が必要ですが、見た目はとても良いです。

追加の DIV を挿入するか、.underlay 要素を置き換えて、ダイアログ サイズ イベントにフックして寸法を調整することを考えています。後者が必要になるのは、YUI がいくつかの CSS トリックを使用して、最新のブラウザーでのみ CSS を使用してアンダーレイ要素をダイアログの寸法に「スナップ」し、IE の手動寸法更新を使用するためです。

編集: YUI 3 を確認しました。パネル ウィジェットはまだ利用できません。コンテナのみで、まだベータ版です。だから私はYUI 2でこれを解決しようとしています.

PS: 追加のパディングとして、パネルのヘッ​​ダー、ボディ、フッター (hd、bd、ft) の一部として PNG シャドウを含めることができると思います。CSS ルールを使用して、YUI のアンダーレイを非表示にします。うーん、ドラッグ可能な領域の計算が変わるので、これを行う必要がなかったらいいのにと思います。それを行うのに最適な方法ではありません。

2 つの UIViewControllers A と B があり、それらは AppDelegate のサブビューとして追加され、B は A の上にあります。

B の UIButton がタップされると、B は次のコードで左にスライドします。

右端に 20px のドロップ シャドウが必要ですがBView.view.layer.shadow....、3.2/4.0+ のみであるため、シャドウ プロパティを使用できません。そして、アニメーションのパフォーマンスはひどいもので、スライドは非常に遅れています (影がなければ流暢です)。

カスタムUIViewを使用してdrawRectで魔法を行うことを考えていますが、これは可能ですか、それともビューの境界内でのみ描画できますか?

皆さんの何人かが私を助けてくれることを願っています。

乾杯

Titanium for iPhoneでWebビューをスクロールすると、コンテンツの制限を定義するためにいくつかの醜いドロップシャドウが表示されます。これらは、モバイルサファリでページの最後までスクロールしたときにも得られるネイティブシャドウです。

参照： http： //bit.ly/dh11Gx

チタン内から、またはおそらくHTML内から直接これらを削除する簡単な方法を知っている人はいますか？

ありがとう！

-moz-box-shadowFirefoxはどの程度サポートされていますか? かなり前から聞いていると思っていたのですが、そのページは

https://developer.mozilla.org/en/css/-moz-box-shadow

Firefox 3.5 と Gecko 1.9.1 まではサポートされないと言っていますか? (現在の Firefox 3.6.12 と Gecko 1.9.2 では) 最近までサポートされていなかったということですか?

CSSの説明がやや不正確だbox-shadowと思います。-moz-box-shadown

http://www.w3.org/TR/2010/WD-css3-background-20100612/#the-box-shadow

3 番目の長さはぼかし距離です。負の値は使用できません。ぼかし値が 0 の場合、影のエッジはシャープになります。それ以外の場合、値が大きいほど、影のエッジがぼやけます。

4 番目の長さは広がり距離です。正の値を指定すると、影の形状は指定された半径だけ全方向に広がります。負の値を指定すると、影の形状が収縮します。

4 番目の長さが同じ色 (最も暗い色合い) を使用し、指定された幅に対してそれを繰り返すというのは本当ですか? スムーズにぼやけませんか？

ぼかし率やフェードアウト率の指定は実現できるのか…？

誰かが正確にどのように機能するかを正確に知っていますか?

divの高さが10pxの場合、影は問題ありません。

http://jsfiddle.net/m3KYB/6/

ただし、高さを1pxまたは0に変更すると、シャドウのぼかしが不十分になり、色が均一になり、（FirefoxとChromeの両方で）明るくなります。

と一緒に10pxの高さを使用してハッキングするmargin-top: -10pxことができますが、「偽の」10pxボックスの左側と右側の周りに「余分な影」がある場合があります...そしてそれなしでそれを行うためのより標準的な方法は何ですかハックを使用していますか？

3列のコンテンツを持つWebサイトを作成しています.....

1. ナビゲーションフロート：左;
2. メインコンテンツ中心
3. 右列フロート：右;

これらの3つの領域すべてに影を落とすことは可能ですか。

私は試しましたが、divが最終結果を禁止しているかどうか疑問に思って動作しませんでしたか？