問題タブ [roundedcorners-dropshadow]

WebForm ログインを作成するために AjaxToolKit を選択しました。他の誰かがこれをしようとして問題がありましたか? パネルで DropShadow Extender と RoundedCorners を使用する予定ですが、パネルを使用するのはこれが初めてです。

このリンクを確認してください。

ユーザーがボタンをクリックするたびに、スクリーンショットが示すようなものにログインパネルを配置したいと考えています。これは、「質問する」で画像またはハイパーリンクを挿入しようとしたときに StackOverflow で発生するのと同様の機能です。これは可能ですか？どのくらいの労力ですか？

非画像CSSドロップシャドウ手法の最良のアプローチを探しています。

影を付けたいポップアップがあります。

ボーナス質問：

それは一緒に働くことができます：

• -moz-border-radius
• -webkit-border-radius

私はCSSのことは初めてです。昨日（本当に）それを学び、それ以来いくつかのテンプレートを作成しました。私は非常に速く進化していますが、完全に取得できないことが1つあります。レイアウトを破壊したり、新しい問題に対処したりすることなく、テンプレートの一部の周りにドロップ シャドウを作成するにはどうすればよいでしょうか。

周囲にガラス効果のある CSS/HTML テンプレートを作成しました。フロートとラッパーと呼ばれる相対 div 内の絶対配置を使用して機能させることができましたが、IE7 と IE6 では機能しませんが、すべての FF バージョンで機能します。 .

私の質問は：

artisteer のように、テンプレートの周りにドロップ シャドウを作成するにはどうすればよいですか?

これは私を困惑させています。UIView があります（「親」と呼びます）。そのビューの一番下のサブビューは UIImageView (「子」と呼びます) であり、そのフレームは「親」境界全体を占有します。

「親」ビューの角を丸くして、ドロップシャドウを設定したい。CALayerいつものように「親」でこれを行います：

これにより、影が正しく表示されますが、角が丸くなりません。

キッカーは次のとおりです。

1. 「子」イメージ ビューを削除するか、縮小して「親」ビューの境界全体を占有しないようにすると、親で丸みを帯びた角と影が正しく表示されます。
2. 「子」をそのままにして「親」ビューに「clipsToBounds」を設定すると、コーナーが正しく表示されます。でも今は影がなくなった。
3. 子のレイヤーにコーナー半径を設定しても効果がないようです。

「子」画像ビューは、「親」ビューの丸みを帯びた角を覆い隠しているように見えます。これは、四角形全体を占有し、親ビューに基づくクリッピングが角を取得するだけでなく、影をマスクするためです。＃3が機能しない理由がわかりません。

私は何が欠けていますか？あまりにも長い間これを見つめて、何か明白なことを見落としていませんか?

ありがとう。

(驚いたことに、「roundedcorners-dropshadow」というタグは既に存在します。素晴らしいです。)

角が丸くドロップシャドウのあるUIViewがあり、実装されて機能しています。しかし、UIViewの背景色は退屈な白です。そこで、背景にグラデーションレイヤーを配置したいと思います。ラベル、ボタン、そして最も重要なものの下に、丸みを帯びた角がまだ表示されるようにします。

これは私が実装しようとした私のコードですが、グラデーションレイヤーはビュー内のすべてのものの上にあります。グラデーションをすべてのコントロールとラベルの下に配置するにはどうすればよいですか？すべての応答の助けは高く評価されます。

線形レイアウトの影を表示するにはどうすればよいですか。線形レイアウトの周りに影のある白い色の丸い背景が必要です。私はこれまでこれを行いました。

そしてxmlディレクトリの下のrounded_rect_shape.xml

次のようなテキストボックスを複製しようとしています:

テキスト ボックスの外側の背景は、親コンテナーによって処理されます。

私の知る限り、世話をする必要がある4つの項目があります。

• 角を丸くする
• 上部と右側に内側のドロップ シャドウを追加する
• 左側と下部に外側のドロップ シャドウを追加する
• 影の効果を継承するテキスト ボックス内のテキストを回避します。

WPF の角の丸いテキスト ボックスとhttp://www.codeproject.com/Articles/225076/Creating-Inner-Shadows-for-WPF-and-Silverlightからコードを借用しましたが、WPF を十分に把握していません。これを行う。

現在のコード:

これは次のようにレンダリングされます。

問題は、ドロップ シャドウが右上の丸い角の外側にあることです。テキストは影付きです。左と下の外側に影を追加する方法がわかりません。

外すと

BorderThickness から、内側に影のある長方形を取得します。

私はこれを解決する方法についての指針を受け入れています。

私はcss3の初心者ですが、CSSツールジェネレーターはたくさんありますが、私が提供するこのイメージをコーディングする方法がわかりません。親切に助けてください??..これは、私の主要なテーマの 1 つでの割り当てに役立ちます。どうもありがとう！

I'm using this RoundedCorners library (based on Romain Guy's post) which allows to set both outline border and a rounded rectangular image to an imageView .

I need to add an outer shadow (meaning it's outside of the image being shown) to the image that is shown (say ,to direction south-east) . I've decided that since the border is the larger part of what is shown, I would add the shadow to it instead of to the image, using the next extra code in RoundedDrawable :

Of course, I've also added the fields and populated them with values.

Problem is, the shadow seem to ignore the dx,dy values i've given it, and it's just setting the background to the entire imageView .

I've read here and some people claim that using setShadowLayer on new android API (from 11+) won't work except on texts because it tries to use the GPU , but I've tested it on API10 too and it had the same result.

How could it be? What should I do in order to fix it or use an alternative?

I assume I could add a new paint like the one used for the border, but this would mean I need to change a lot more code that depends on it too (or actually I need to do it anyway? ) . Plus, i might make it a little uglier than what is shown for real shadows.

ここからCSSボックスのシャドウプロパティについて読みました： http://css-tricks.com/snippets/css/css-box-shadow/

同様の影を使用したい: .one-edge-shadow.
問題は、影の角がぼやけたり (丸くなったり) したくないことです。

どうすればそれを達成できますか？（できればエレガントに）。

編集:
比較画像: http://new.tsaviation.com/images/cpm155/drop-shadow-vs-bottom-shading.jpg