( الصورة لا تظهر بالكامل )

Abdelrhmn Alnajjar • منذ 3 سنوات

عندي فراغ في اول الصفحه لااعلم لماذا صورة الباك قراوند لاتظهر بشكل كامل الخط الاسود كما هو واضح امامكم .. اذا شلت الباك قراوند كلر يصبح اللون ابيض .. ياليت تساعدوني .. ماهو الحل ؟

 

 

 

 

 

 

 

كلمات دليلية: css html web

ساعد بالإجابة

"إن في قضاء حوائج الناس لذة لا يَعرفها إلا من جربها، فافعل الخير مهما استصغرته فإنك لا تدري أي حسنة تدخلك الجنة."

الإجابات (1)

Ali Majrashi • منذ 3 سنوات

جرب تستخدم object-fit للصور بحيث تعبي المساحات حسب الخيارات الموجوده اهم قيمتين هم cover و fit جربهم هنا مثال 

.orignal {
  height: 120px;
}

.cover {
  height: 120px;
  width: 260px;
  object-fit: cover;
}

.fit {
  height: 120px;
  width: 260px;
  object-fit: fit;
}

وهنا كود html 

<p>original image</p>
<img class="orignal" src="https://unsplash.com/photos/6uneKLGrJPs/download?force=true&w=640">

<p>cover image</p>
<img class="cover" src="https://unsplash.com/photos/6uneKLGrJPs/download?force=true&w=640">

<p>fit image</p>
<img class="fit" src="https://unsplash.com/photos/6uneKLGrJPs/download?force=true&w=640">

هنا تقدر تشوف المثالين كيف يشتغلون بالمتصفح عندك

https://codepen.io/3alampro/pen/RwaWPPx

 

لايوجد لديك حساب في عالم البرمجة؟

تحب تنضم لعالم البرمجة؟ وتنشئ عالمك الخاص، تنشر المقالات، الدورات، تشارك المبرمجين وتساعد الآخرين، اشترك الآن بخطوات يسيرة !