Magento/PHPで画像を別の画像に重ねるには？

Question

私は非常に簡単なこのコードを持っています。ブーリアンマゼンタ属性に応じて別の画像の横に画像を追加します。

しかし、私たちはeコマースストアを運営しているため、ユーザーのトップがイメージを商品の上に置く方が魅力的です。一緒に結合する。

私はPHPで可能かどうか疑問に思います。 誰かがCSSの上に重なっているイメージを使用することを提案しましたか？

<div class="product-img-box"> 
      <?php echo $this->getChildHtml('media') ?> 

     </div> 


<?php $Deal = $_product->getResource()->getAttribute('deal')->getFrontend()->getValue($_product);?> 

<?php if($Deal == 'Yes'){ ?> 
     <img src="<?php echo $this->getSkinUrl('images/icon-deal.gif') ?>" > 
<?php } ?> 

Answer 1

このような何か試してみてください：

CSS

.product-img-box{position: relative;} 
.overlay{z-index: 100; left: 0px; top: 0px; position: absolute;} 

PHP

<div class="product-img-box"> 
    <?php echo $this->getChildHtml('media') ?> 

    <?php $Deal = $_product->getResource()->getAttribute('deal')->getFrontend()->getValue($_product);?> 

    <?php if($Deal == 'Yes'){ ?> 
     <img class="overlay" src="<?php echo $this->getSkinUrl('images/icon-deal.gif') ?>" > 
    <?php } ?> 

</div> 

Answer 2

私は、これはPHPで可能であると思ういけないが、私はCSSを使用すると、最初の1の上に第二の画像をオーバーレイすることができたとします。