پاسخ داده شد
چطور با html و css دو عکس را روی همدیگر بندازیم؟
CSS place one image on another Position one image on top of another تصویر روی هم دو تصویر روی هم با css عکس روی هم در html
- نفیسه افقی 2 سال قبل سوال کرد
- آخرین ویرایش 2 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ عالی
برای اینکار باید از مشخصه position به درستی استفاده کنیم.
*مثلا اگر یک div با دو img با کلاسهای fish و fishes داریم و می خواهیم که تصویر fish روی fishes قرار گیرد:
<!Doctype>
<html>
<head>
<style>
.fishes
{
position: absolute;
top: 0;
left: 0;
}
.fish
{
position: relative;
top: 60px;
left: 80px;
}
</style>
</head>
<body>
<div style="position: relative; left: 0; top: 0;">
<img src="img/fishes.png" class="fishes"/>
<img src="img/fish.png" class="fish"/>
</div>
</body>
</html>
*به غیر از این، می توانید از z-index هم برای اینکار استفاده کنید. این پست را ببینید.
- نفیسه افقی 2 سال قبل پاسخ داد
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ شما
