Css 如何在Magento的image product上重叠2个图像？

在Magento 1.9.0.1中，如何在图像产品（产品页面）上重叠两个图像，并以与图像产品更改分辨率时调整大小相同的方式调整它们的大小

我尝试了css伪元素（：before和：after），但我无法调整大小，老实说，我注意到了奇怪的行为（图像最初不会显示，只有在调整Chrome/Firefox窗口大小时才会显示…）

因此，或者，，我尝试通过view.phtml中的html插入图像

......
<div class="product-img-box">
    <div class="product-name">
        <h1><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></h1>
    </div>
        <img src="media/css/image-top.png">
        <img src="media/css/image_bottom.png">        
        <?php echo $this->getChildHtml('media') ?>
</div>
.......

<?php echo $this->getChildHtml('media') ?>

。。。。。。
.......

和类似的css，我能够把它放在正确的位置，但。。。我不知道如何“绑定”产品图像的大小调整，以便他们可以缩放“Toghter”（image-product，image-top.png和image-bottom.png），就像他们是一个唯一的图像一样

---

图1：

---

图2:

我只是个哑巴，我现在意识到在view.phtml中

......
<div class="product-img-box">
    <div class="product-name">
        <h1><?php echo $_helper->productAttribute($_product, $_product->getName(), 'name') ?></h1>
    </div>
        <img src="media/css/image-top.png">
        <img src="media/css/image_bottom.png">        
        <?php echo $this->getChildHtml('media') ?>
</div>
.......

<?php echo $this->getChildHtml('media') ?>

调用file/template/catalog/product/view/media.phtml，这样我就把我的

放进去了

<div class="product-image-gallery">

---

容器，现在它们可以正确调整大小。对于image-top.png的“micro-adjust”大小调整，div容器的宽度变小了，我添加了一些填充。

另外，请编辑此问题，将您尝试的一些CSS包括在内，以便我们能够更好地理解。感谢您的回复。我编辑了这篇文章。为了提高声誉，我会做得更好。