كيفية تصميم CSS لمربع حوار التأكيد العائم المتمركز على الجزء المرئي من الصفحة؟

Question

لقد سألت بالفعل أ أكثر عمومية السؤال، مع إجابة عظيمة.

ومع ذلك، أريد نافذة منبثقة عائمة مركزية أكثر صعوبة:

إذا كان ارتفاع صفحتي 1000 بكسل، وكنت أشاهد الجزء العلوي منها فقط، فلا أرغب في ظهور النافذة المنبثقة بحجم 500 بكسل، بل في منتصف الجزء المرئي من الشاشة.

هل هناك طريقة للوصول إلى الجزء المرئي من الصفحة في CSS؟

شكرًا

Answer 1

يجب عليك استخدام CSS (الهامش:0 تلقائي؛) للتوسيط الأفقي وجافا سكريبت (ارتفاع منفذ العرض) للوضع الرأسي.

تحقق من هذا المثال:http://www.alistapart.com/d/footers/footer_variation1.html

Answer 2

يمكنك إعطاء النافذة المنبثقة العائمة ملف CSS ...

position: fixed;

بمجرد الانتهاء من ذلك، يمكنك فقط منحها معلمات "أعلى" و"يسار" كما تفعل مع العناصر ذات الموضع المطلق.

بمجرد تحديد موضعه، بغض النظر عن المكان الذي تقوم بالتمرير فيه، فإنه سيبقى في المكان الذي طلبته منه فيما يتعلق بنافذة المتصفحات الفعلية.

المشكلة الوحيدة هي أن المواضع الثابتة لا تعمل بشكل جيد في IE6، فبدلاً من وضعها فوق كل شيء كما ينبغي، تميل العناصر التي لها موضع ثابت إلى التصرف مثل المحتوى الثابت.