السلام عليكم لدى مشكلة فى خاصية position css

السلام عليكم فى مشكلة بتواجهنى فى خاصية position عندى شريط علوى فى الصفحة واسفل الصفحة فى ديف بعرض فيه المحتوى المشكلة انى لما اثبت الشريط العلوى بخاصيةposition:fixed عشان الشريط يكون ثابت الشريط بيثبت فعلا لما اديه الخاصية ديه بس المشكلة انى المحتوى الى هوا الضيف الى تحت الشريط بيطلع لفوق وبيطفو على الشريط نفسة بمعنى كانى بظبط اديته خاصية الفلوت ممكن حل للمشكلة دى لانها معطلة التصميم كله وشكراا لكم مقدما تحياتى للجميع

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

هل انت قصدك ان المحتوي بيظهر فوق الشريط المثبت مع الscrolling down ؟

لو هذا قصدك اعطي الشريط المثبت z-index = 9999 ليس شرط هذا الرقم ولكن اي رقم يكون اكبر من اي z-index اخر قد يكون له قيمه كبيره لاي عنصر اخر

ال z-index هيا خاصيه تجعل العنصر يظهر فوق العناصر الاخري والعنصر الذي له z-index كبير يظهر فوق العنصر الذي له z-index اصغر

تمام بس انا مش عايز المحتوى يختفى تحت الشريط عايزه يظهر تحت الشريط نفس الترتيب

ممكن تاخود سكرين شوت للي انتا قصدك عليه عشان مش واضح اوي سؤالك

صور الكود اللي فيه الجزء ده والبراوزر

هذا طبيعي لأن خاصية position: fixed تقوم بإخراج العنصر من تريتيبه في الصفحة ليظل في مكان معين على الشاشة، وبالتالي عنصر div التالي له يأخذ مكان ويغطي عليه الشريط من الأعلى.

لحل هذه المشكلة يمكنك أن تضيف خاصية margin-top لعنصر div بقيمة تساوي طول الشريط (إرتفاعه)، فمثلُا إن كان طول الشريط 30px تقوم بإضافة خاصية margin-top بقيمة 30px

تمام شكرا جدا ي باشا