CODEWITHSUNDEEP
htmlcss
Aschab
Aschab

Reputation: 1399

2 divs on the same position with css and html:

I have the following html:

<div class="about-me-photos blurry-photos photos">
    <div class="blurry-wrapper">
        <div class="blurry-inside blurry-front">
            <img class="about-me-img" src="imagefront.png">
        </div>
        <div class="blurry-inside blurry-back">
            <img class="about-me-img" src="imageback.png">
        </div>
    </div>
    <div class="blurry-wrapper">
        <div class="blurry-inside blurry-back">
            <img class="about-me-img" src="back2.png">
        </div>
        <div class="blurry-inside blurry-front">
            <img class="about-me-img" src="front2.png">
        </div>
    </div>
</div>

I need that blurry-front and blurry-back Have the same position inside blurry-wrapper.

I've tryed different combinations of float and clear, nothing works so far. What am I missing?

Upvotes: 0

Views: 713

Answers (1)

Nijraj Gelani
Nijraj Gelani

Reputation: 1466

Add position: absolute; to the blurry-back class. This might do the trick.

Upvotes: 2

Related Questions