Wie lege ich ein Bild unter ein anderes?

Ich weiß, sie sind viele ähnliche Fragen, aber nicht von denen behoben mein Problem. Wie setze ich ein Bild unter ein anderes mit x px Lücke? Dies ist mein CodeWie lege ich ein Bild unter ein anderes?

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; 

}

bearbeiten: Das ist mein Problem https://jsfiddle.net/50crfe10/ Wie Sie sehen können, ihre sind zwei Bilder, aber nur 1 erscheinen. weil einer über dem anderen steht.

Quelle

2016-06-13 KC Here

Bitte geben Sie uns weitere Informationen, ist dieser Code nicht genug gegeben Problem zu verstehen? –

Okay, lass mich meinen Beitrag bearbeiten. danke –

Bitte überprüfen Sie diese [URL] (http://stackoverflow.com/help) es wird nützlich sein, um Ihre Qualität des Inhalts zu heben –

gerade Position entfernen: absolute, wenn Ihr mit ihm in Ordnung, und entfernen Sie auch transform-Eigenschaft

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>

Quelle

2016-06-13 10:52:15

aber ich möchte das Bild in der Mitte:/ –

nur Rand hinzufügen: Auto zu img. –

Arbeitete dank viel, letzte Frage. Wie lässt man zwischen zwei Bildern Platz? –

Wie lege ich ein Bild unter ein anderes?

Antwort

Verwandte Themen