画像を別の画像の下に置くには？

私は彼らの似たような質問が多いと知っていますが、私の問題は解決していません。どのようにx pxのギャップで別の下に画像を置く？これは私のコード画像を別の画像の下に置くには？

HTML

<img src="images/2.jpg" style="position:absolute;"> 
<img src="images/1.png" style="position:absolute;">

CSS

img { 
top: 50%; 
left: 50%; 
max-width: 480px; 
width: 100%; 
height: auto; 
transform: translate(-50%, -50%); 
display: block; 

}

編集です：これは、あなたが見ることができるように、その2枚の画像がありますが、1つだけが表示されます私の問題https://jsfiddle.net/50crfe10/ です。 1つは別のものの上にあるからです。

出典

2016-06-13 KC Here

transformプロパティを削除した場合、私たちに多くの情報を教えてください絶対に、このコードは、与えられた問題を理解するのに十分ではないでしょうか？ –

さて、私の投稿を編集させてください。ありがとう –

この[URL]（http://stackoverflow.com/help）をチェックしてください。コンテンツの品質を上げるのに便利です –

ジャスト位置削除します。また、あなたのそれでOKとは

img { 
 
\t max-width: 480px; 
 
\t width: 100%; 
 
\t height: auto; 
 
     display: block; 
 
     margin:20px auto; 
 
\t 
 
    }

<body> 
 
    <img class="one" src="https://scontent-sin.xx.fbcdn.net/v/t1.0-0/s480x480/13432215_784505675021945_898862369521210510_n.png?oh=1600b007c6bc56ad2a9e72c5978166b5&oe=5802FEB3"> 
 
    <img class="two" src="https://scontent-sin.xx.fbcdn.net/v/t1.0-9/13423946_783982808407565_3306592852780950589_n.png?oh=1131478aac319f301c563d020ed8214e&oe=57C2C4DE"> 
 
</body>

出典

2016-06-13 10:52:15

しかし、私は中間の画像をしたい：/ –

ちょうど余白を追加：imgに自動。 –

ありがとう、最後の質問。どのように2つの画像の間にいくつかのスペースを残しますか？ –

画像を別の画像の下に置くには？

答えて

関連する問題