پاسخ داده شد
چطور با html و css دو عکس را روی همدیگر بندازیم؟
CSS place one image on another Position one image on top of another تصویر روی هم دو تصویر روی هم با css عکس روی هم در html
- نفیسه افقی 1 سال قبل سوال کرد
- آخرین ویرایش 1 سال قبل
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ عالی
برای اینکار باید از مشخصه 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
هم برای اینکار استفاده کنید. این پست را ببینید.
- نفیسه افقی 1 سال قبل پاسخ داد
- شما باید برای ارسال دیدگاه وارد شوید
پاسخ شما