与css和html位于同一位置的两个div：

Question

我有以下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>

我需要模糊-前面和模糊-背部有相同的位置内模糊包装。

我试过浮子和透明的不同组合，到目前为止都没有用。我遗漏了什么？

Answer 1

将position: absolute;添加到blurry-back类。这也许能起作用。