1
A
答えて
6
それがはるかにPhotoshopの 『内側の影』のように動作しますさまざまなブラウザのbox-shadow
属性のinset
プロパティがあります。ノートの編集(
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25);
:あなたはそれに影を適用し、その後、(-moz-border-radius
、border-radius
、-webkit-border-radius
)の属性を丸め、同じサイズと適切なコーナーで、あなたのイメージの上に要素を作成するには、このような何かをする必要があります;私はそれをちょっと試してみたところ、要素の実際のコンテンツの下に影が描かれていることが判明したので、画像の上に重ねる要素に影を適用するか、画像を配置する必要があります
(さらに編集:a working JSfiddle example)
(これに影が付いている要素の背景にある)関連する問題
- 1. CSS:<a>の内側には適用されません<img>
- 2. 文字列から余分な文字を削除するにはどうすればよいですか?</p> <p><img src="https://i.stack.imgur.com/chRCB.jpg" alt="column of the strings"></p> <p>それが適用さだどこ私は<code>.html</code>後にすべてのものを削除する:
- 3. PHPExcel経由でExcelでドイツ語の文字(äöü߀)を読むにはどうすればよいですか? <a href="http://phpexcel.codeplex.com" rel="nofollow noreferrer">PHPExcel</a>で</p> <p><img src="https://i.stack.imgur.com/KzniU.png" alt="alt text"></p> <p>が、それは次のようになります:
- 4. <h:inputText>でCSSを適用するにはどうすればよいですか?
- 5. xslt for-eachをアトリビュートに適用するにはどうすればよいですか?私は、このような「id」属性値として、それを変換したいthis-</p> <p>は、例えば順次インクリメントされるように
- 6. <i>ブートストラップのアイコングリフ要素に.rotate()ミキシングを適用するにはどうすればよいですか?
- 7. CSSのdivの特定の<img>要素をターゲティングするにはどうすればよいですか?
- 8. jQuery:div内の既存の画像の周りに<a>と</a>タグをラップするにはどうすればよいですか?
- 9. 兄弟ディレクトリからPythonスクリプトをインポートするにはどうすればよいですか?私はbar.py foo.pyにインポートするにはどうすればよい</p> <pre><code>parent_dir/ foo_dir/ foo.py bar_dir/ bar.py </code></pre> <p>:
- 10. <vector>をAndroidの<shape>に入れるにはどうすればよいですか?
- 11. Androidのアクションバーシャーロック<p><img src="https://i.stack.imgur.com/UbdA1.png" alt="enter image description here"></p> <p>私は上記のワイヤフレームに示すように、その下のタブでアクションバーシャーロックを実装しようとしています。</p> <p>TabActivityを使用しますか?私はそれが非難されているのを見たので。これを達成するための最良の方法はどれですか。</p>
- 12. HTML <a>タグ内にPHP変数を挿入するにはどうすればよいですか?
- 13. フレックス - <s:NavigatorContent>にエフェクトを適用するにはどうすればよいですか?
- 14. <Batch>ファイル内の行を見つけてその下に行を追加するにはどうすればよいですか?
- 15. このIQueryable <Patient>をDbSet <Patient>に変換するにはどうすればよいですか?
- 16. 画像をラジオボタンのように見えるようにするにはどうすればよいですか?
- 17. List <Hashtable <String、List <String>>をIntentにブロードキャストするにはどうすればいいですか?
- 18. SortedList <int, T>からリスト<T>を作成するにはどうすればよいですか?
- 19. Android、キャンバス:オーバープリントしないで透明円を描くにはどうすればよいですか?私は、バックグラウンド</p> <p><img src="https://i.stack.imgur.com/AwgKd.jpg" alt="img 1"></p> <p>にステージ2を持っている
- 20. "<"を使用してサブプロセス内のファイルをリダイレクトするにはどうすればよいですか?
- 21. 親リポジトリの2つのコミットの間でサブモジュールに適用されたコミットを確認するにはどうすればよいですか?私は特定のでサブモジュールのそれぞれに適用されるコミットはコミット見たいSUB2</p> <p>- SUB1 -</p> <p>はFoo:
- 22. ListViewItemをTwitterアプリケーションのように見えるようにするにはどうすればよいですか? <img src="https://i.stack.imgur.com/2rwEQ.png" alt="alt text"></p> <p>私は左、上部と下部のテキストや日付のイメージを持つようにしたい:
- 23. 送信ボタンをボタンのように見せないようにするにはどうすればよいですか?</p> <pre><code><button name ="sort" value="sort" type="submit">▼</button> </code></pre> <p>ボタンは、「ボタン」のようになります。私のフォームで
- 24. <UI></UI>フレームの内部テキスト条件のようなフィーチャ名を使用するにはどうすればよいですか?
- 25. ボタンをクリックするだけでなく、ロード時にも関数を実行するにはどうすればよいですか?私はそのていないハードコードという名前の関数と言うような「関数の検索()」</p> <p>が、私はそこに行う必要があり実現するためかどうかはわかりません</p> <p>:
- 26. ostream <<演算子を配列でオーバーロードするにはどうすればよいですか?
- 27. cakePHP - 関連するモデルのアイテム数を取得するにはどうすればよいですか? <code>stores</code>と<code>product</code>、およびそれらがによって関連付けられています:
- 28. DBQuery <T>をObjectQuery <T>に変換するにはどうすればよいですか?
- 29. エンティティクラスに<String、List <String>>マップを追加するにはどうすればよいですか?
- 30. クリップボックスシャドウは、方法はあり現在鉱山が</p> <p><a href="https://i.stack.imgur.com/xDug1.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xDug1.png" alt="enter image description here"></a></p> <p>下の画像のように見える