เทคนิค css ทำภาพซ้อนภาพ

เวลามีรูปสินค้า อยากให้มีแปะ พวกป้าย banner Best seller , Best Discount  ซ้อนบนภาพใช่มั้ย

ลองใช้ z-index  ดู

.zzz img
{
position:absolute;
z-index:2;
}


เวลาเรียกใช้

<img src="ภาพBanner" id="zzz">
<img src="ภาพสินค้า">


ตัวอย่างการใช้งาน เช่น  มีเมนูแบบ Grid อยากให้มีป้ายคำว่า  Best Seller ซ้อนบนรูปทุกรูป