السلام عليكم فى مشكلة بتواجهنى فى خاصية position عندى شريط علوى فى الصفحة واسفل الصفحة فى ديف بعرض فيه المحتوى المشكلة انى لما اثبت الشريط العلوى بخاصيةposition:fixed عشان الشريط يكون ثابت الشريط بيثبت فعلا لما اديه الخاصية ديه بس المشكلة انى المحتوى الى هوا الضيف الى تحت الشريط بيطلع لفوق وبيطفو على الشريط نفسة بمعنى كانى بظبط اديته خاصية الفلوت ممكن حل للمشكلة دى لانها معطلة التصميم كله وشكراا لكم مقدما تحياتى للجميع
السلام عليكم لدى مشكلة فى خاصية position css
هل انت قصدك ان المحتوي بيظهر فوق الشريط المثبت مع الscrolling down ؟
لو هذا قصدك اعطي الشريط المثبت z-index = 9999 ليس شرط هذا الرقم ولكن اي رقم يكون اكبر من اي z-index اخر قد يكون له قيمه كبيره لاي عنصر اخر
ال z-index هيا خاصيه تجعل العنصر يظهر فوق العناصر الاخري والعنصر الذي له z-index كبير يظهر فوق العنصر الذي له z-index اصغر
هذا طبيعي لأن خاصية position: fixed تقوم بإخراج العنصر من تريتيبه في الصفحة ليظل في مكان معين على الشاشة، وبالتالي عنصر div التالي له يأخذ مكان ويغطي عليه الشريط من الأعلى.
لحل هذه المشكلة يمكنك أن تضيف خاصية margin-top لعنصر div بقيمة تساوي طول الشريط (إرتفاعه)، فمثلُا إن كان طول الشريط 30px تقوم بإضافة خاصية margin-top بقيمة 30px
التعليقات