在产品显示时"新品"标示问题

Question

在产品显示时判别若是新品就在产品图片右上角打上“新品”标示，如 
这个功能如果实现呢？谢谢

Answer 1

<div style="width:200px;"><img src="2.jpg" style="position:absolute;z-index:-1;"><img src="1.jpg" style="float:right"></div>
其中1.jpg为你新品标志
2为你产品图片

Answer 2

我给你的就是啊真晕啊
<img src="2.jpg" style="position:absolute;z-index:-1;"> <img src="1.jpg" style="float:right">自己看清楚了他们的关系

Answer 3

效果：代码：
 <div style="width:300px;"> <img src="2.jpg" style="position:absolute;z-index:-1;"> <img src="1.gif" style="float:right"> </div> 其中1.gif为你新品标志 
2为你产品图片
因为新品标志需要透明，所以用了gif图片

Answer 4

还有通过margin-right:20px; margin-top:10px;这个属性来控制
新品标志的标志代码如下：
<div style="width:300px;"> <img src="2.jpg" style="position:absolute;z-index:-1;"> <img src="1.gif" style="float:right; margin-right:20px; margin-top:10px;"> </div> 效果如下：