DIV الذي يبقى على رأس شريط الحالة

https://stackoverflow.com/questions/1147383

18-09-2019
|

سؤال

Div على الموقع أدناه الذي يحتوي على بحث في القاع ويبقى دائما مشتترا فوق شريط الحالة إذا قمت بالتمرير لأسفل.

http://www.outlawdesignblog.com/

هل يمكنك الإشارة إلي إلى حل

المحلول

إليك مثال مستقل لنفسك حول كيفية القيام بذلك، تم اختباره في IE7 و FF3:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
   "http://www.w3.org/TR/html4/strict.dtd">
<html><head><style>
#staticpanel {
    background:#B85503 none repeat scroll 0 0;
    border-top:1px solid #C3702C;
    bottom:0;
    padding:12px 0;
    position:fixed;
    width:100%;
    z-index:100;
}
</style></head><body>
<div id='staticpanel'>Hello!</div>
</body></html>

نصائح أخرى

إذا كنت أتذكر اليمين IE لا يدعم الموضع: ثابت. أسهل طريقة لمحاكاة الموضع: ثابت يستخدم التعبيرات الديناميكية للغاية ولديه تعبير حساب وتحديث الموضع ذ المطلق إلخ.

يبدو أن مثال Richiehindle يعمل على المتصفحات الأخرى.

مرخصة بموجب: CC-BY-SA مع الإسناد

لا تنتمي إلى StackOverflow