1

以下に示すように、ボックスシャドウ効果を作成しようとしています。シャドウは、純粋な CSS3 コードを使用して開発されています。

ここに画像の説明を入力

ただし、背景画像のため、以下に示すように影が表示されません。

ここに画像の説明を入力

上部に影を配置するにはどうすればよいですか?

4

2 に答える 2

0

たぶん、このようなものがあなたのために仕事をするでしょう

<div style="position: relative; left: 0; top: 0;">
  <img src="image1.jpg" style="position:absolute; top: 25px; left: 25px; z-index: 1;"/>
  <img src="image2.jpg" style="position:absolute; top: 80px; left: 25px; z-index: 3;"/>
</div>

それが役に立てば幸い。

于 2013-06-26T14:17:04.310 に答える
0

影に画像を使用している場合は、画像を相対的に配置し、z-indexing を使用する必要があります。上記の投稿が示唆するように、もう少し具体的に教えてもらえますか?

于 2013-06-26T14:08:56.443 に答える