جار التحديث ...
جار التحديث ...

ماهي الz-index وكيف بأمكاني استخدامه؟

  • 0

اريد ان اعرف كل شي عن هذه الخاصية

إجابات المستخدمين (2)


  • شريك الإطلاق
  • عضو جديد
  • قبل أشهر 9

اخي شرح الخاصية ببساطة هي استخدام الواجهة على شكل طبقات

بحيث تظهر طبقة فوق اخرى

بحيث تضيف بعد ثالث z الى الصفحة


  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • عضو أكاديمي
  • قديم العهد
  • قبل أشهر 9

تستخدم خاصية z-index لترتيب الطبقات فوق بعضها البعض، 
ولكن لا قيمة ولا نتيجة لها في حال عدم استخدام خاصية position مع العنصر المراد إعطائه خاصية z-index، سيتم شرحها بالتفصيل

احدف z-index لترى الفرق وغير قيمتها لتفهم اكثر

<!DOCTYPE html>
<html>
<head>
<style>
img {
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}
</style>
</head>
<body>
<h1>The z-index Property</h1>

<img src="w3css.gif" width="100" height="140">

<p>Because the image has a z-index of -1, it will be placed behind the heading.</p>

</body>
</html>

  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
سجل الدخول لاضافة اجابة جديدة