• 1398/12/03

تنظیم کردن img در div :

سلام استاد

استاد توی عکس زیر شکل شماره 1 یک div هستش که background-image یک عکس رو با ویژگی های bacground-position:center و background-size:cover گرفته

شکل دوم یک div هستش با همون طول و عرض ولی داخلش img قرار گرفته

آیا میتونم img شکل دوم رو بدون استفاده از background-image مثله شکل اول دربیارم؟

اگر میشه ممنون میشم راهنماییم کنید 🌹🌹

  • 1398/12/03
  • ساعت 21:53

با سلام خدمت شما همراه گرامی

 

یعنی منظورتون این هست که عکس رو زوم کنید؟


  • 1398/12/03
  • ساعت 22:38

خیر

منظور من این هست که شکل دومی که توی لینک زیر قرار دادم مثله شکل اولی بشه

http://s6.picofile.com/file/8389000792/2020_02_22_22_36_03.mp4.html

 


  • 1398/12/03
  • ساعت 22:38
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="row">
    <div style="height: 300px; width: 100%; background-image: url('../images/Logo.jpg');background-position: center;background-size: cover"></div>
    <div style="height: 300px; width: 100%"><img style="height: 100%; width: 100%;" src="../images/Logo.jpg" alt=""></div>
</div>
</body>
</html>

استاد این هم کد این بخش هستش


  • 1398/12/03
  • ساعت 22:42

خب این دقیقا خاصیت بک‌گراند هست که به این صورت بشه چرا میخوایید به  img اعمال کنید? من خودم همیشه برای استفاده به این شکل از بک‌گراند استفاده کردم نمیدونم میشه با img یا نه سرچ کنید درموردش 


  • 1398/12/04
  • ساعت 12:53

اهان

ممنون استاد🙏


  • 1398/12/04
  • ساعت 18:29

سلامت باشید