پاسخ داده شد
0
0

چطور با html و css دو عکس را روی همدیگر بندازیم؟

عکس روی هم در html - موستانگ

  • شما باید برای ارسال دیدگاه شوید
پاسخ عالی
0
0

برای اینکار باید از مشخصه 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>

 

عکس روی هم در html - موستانگ

 

*به غیر از این، می توانید از z-index هم برای اینکار استفاده کنید. این پست را ببینید.

  • شما باید برای ارسال دیدگاه شوید
نمایش 1 نتیجه
پاسخ شما
اگر قبلاً حساب کاربری دارید با پر کردن فیلد های زیر یا به عنوان مهمان ارسال کنید.
نام*
ایمیل*
وب سایت