Html 堆栈png'；在具有透明度的div中使用css的

我有几个div，每个div包含两个应该堆叠的透明图像

我试着把第一个作为背景。由于某些原因，img是不透明的

然后我尝试将图像堆叠在div中，但仍然存在透明度问题

检查小提琴：

---

您的

png

不透明。它们有白色的背景

它们也已损坏，无法在photoshop中打开

---

我怀疑您实际上将它们保存为

jpeg

，但是您的

png

文件扩展名是不透明的。它们有白色的背景

它们也已损坏，无法在photoshop中打开

我怀疑您实际上将它们保存为

jpeg

，但文件扩展名为

png

好的，非常感谢：-）对此非常抱歉，但您是对的。这些是thumbs版本，出于某些原因，bg不透明。实际上，代码处理原始（大）图像。又来了！好的，非常感谢：-）真的很抱歉，但你是对的。这些是thumbs版本，出于某些原因，bg不透明。实际上，代码处理原始（大）图像。又来了！

<div class="row">
    <div class="span9">
            <div class="ring" id="ring57">
            <a class="images" href="/rings/57/edit">
                 <img src="https://lxproject.s3.amazonaws.com/uploads/band/img/29/thumb_ringblack.png" width="160">
                <img class="cut" src="https://lxproject.s3.amazonaws.com/uploads/cut/img/11/thumb_roundcut.png" width="160" style="background-color : transparent;">
                </a>
            </div>
            <div class="ring" id="ring66">
            <a class="images" href="/rings/66/edit">
                 <img src="https://lxproject.s3.amazonaws.com/uploads/band/img/27/thumb_band_yellow.png" width="160">
                <img class="cut" src="https://lxproject.s3.amazonaws.com/uploads/cut/img/14/thumb_ring4_center.png" width="160" style="background-color : transparent;">
                </a>
            </div>
            <div class="ring" id="ring67">
            <a class="images" href="/rings/67/edit">
                 <img src="https://lxproject.s3.amazonaws.com/uploads/band/img/27/thumb_band_yellow.png" width="160">
                <img class="cut" src="https://lxproject.s3.amazonaws.com/uploads/cut/img/15/thumb_ring5_center.png" width="160" style="background-color : transparent;">
                </a>
            </div>
   </div>
</div>

div.ring {
    float: left;
    position: relative;
    border: 1px solid red;
    width:160px;
    height:130px
}
div.ring img {
    position:absolute;
    background: transparent;
}