أكبر مشكلة عند استخدام الطبقات في صفحة مركزية هي موضع الطبقة. عندما تتغير دقة العرض، سيتغير موضع الطبقة بالنسبة للعناصر المركزية الأخرى. تقدم هذه المقالة طرقًا لمنع الطبقات من الانحراف مقارنة بالعناصر المركزية الأخرى.
الموضع المطلق والموضع النسبي
للطبقات رمز الموضع المطلق للطبقات:
<div id="Layer1" style="position:absolute; left:45px; top:25px; width:400px; height:155px; z-index:1"> </div>
كود تحديد الموقع النسبي للطبقة:
<div id="Layer1" style="position: النسبي; اليسار:45px; الأعلى:25px; العرض:400px; الارتفاع:155px; z-index:1"></div>
في الصفحة المركزية، أدخل رمز طبقة تحديد الموضع النسبي، وسيكون موضع الطبقة في وسط الصفحة. لكنها أصبحت غير منقولة وغير مريحة للاستخدام.
أدخل رمز تحديد الموضع المطلق عندما يحتوي اليسار والأعلى على قيم موجبة وسالبة، فلا يمكن توسيط الطبقة. عندما يتم مسح السمات اليسرى والعليا، يمكن توسيط الطبقة ولا يكون هناك محاذاة خاطئة بالنسبة للعناصر المركزية الأخرى في الصفحة.
الفرق بين طبقات الرسم وطبقات الإدراج
باستخدام طبقات الرسم:
في الصفحة المركزية، استخدم الكود الذي يعرض الطبقة:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<أتش تي أم أل>
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<العنوان>ديف</العنوان>
</الرأس>
<الجسم>
<div id = "Layer1" style = "position:absolute; left:40px; top:30px; width:265px; height:75px; z-index:1"></div>
<div align="center"></div>
</الجسم>
</html>
استخدم طبقة الإدراج:
في الصفحة المركزية، استخدم كود طبقة الإدراج:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<أتش تي أم أل>
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>div2</title>
</الرأس>
<الجسم>
<div محاذاة = "المركز">
<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1"></div>
</div>
</الجسم>
</html>
نظرًا لأن التعليمات البرمجية التي تم إنشاؤها باستخدام "طبقة الرسم" غير مضمنة في رمز التوسيط، فمن أجل ضمان عدم محاذاة الطبقة بشكل خاطئ بالنسبة للعناصر الأخرى في الصفحة المركزية، يجب استخدام طبقة الإدراج.
في الصفحات المركزية، يتم استخدام طريقتين بشكل شائع لضمان عدم وجود محاذاة خاطئة للطبقات بالنسبة للعناصر المركزية الأخرى.
استخدام طبقة الإدراج
1. في الصفحة المركزية، ضع نقطة الإدراج في المستند. في المثال، ضع نقطة الإدراج في الجدول.
2. حدد قائمة "إدراج"/"طبقة".
3. يتم إدراج طبقة في الوثيقة. في المثال، يتم إدراج طبقة في الجدول. عند الاختبار في متصفح IE وتغيير الدقة، لن يتم محاذاة محتوى الطبقة بشكل خاطئ بالنسبة للعناصر المركزية الأخرى.
تحقق من خصائص هذه الطبقة في لوحة الخصائص. تقوم هذه الطبقة المدرجة بمسح القيمتين "اليسار" و"العلوي".
تُستخدم هذه الطريقة غالبًا لإنشاء قوائم منبثقة.
استخدام الطبقات المتداخلة
الطبقة المتداخلة هي الطبقة التي يوجد رمزها داخل طبقة أخرى.
قبل استخدام الطبقات المتداخلة، يجب عليك أولاً تعيين بعض المعلمات للطبقة. حدد قائمة "تحرير"/"التفضيلات"، وفي مربع الحوار "التفضيلات"، حدد "توافق Netscape 4: حجم ثابت عند إدراج الطبقات" بحيث تكون الطبقات المتداخلة التي تم إنشاؤها متوافقة مع متصفح Netscape 4. وتحقق من "التداخل: استخدم التداخل إذا كان في الطبقة".
افتح لوحة الطبقات وقم بإلغاء تحديد "منع التداخل".
الطبقة المتداخلة:
قم بإدراج جدول في صفحة مركزية، ثم قم بإدراج طبقة في الجدول. لن تتم محاذاة هذه الطبقة بشكل خاطئ بالنسبة للجدول. في هذه الطبقة، استخدم أمر "إدراج"/"طبقة" لإدراج طبقة فرعية (طبقة متداخلة). بغض النظر عن كيفية تحريك هذه الطبقة الفرعية على الصفحة، فلن يتم إزاحة موضعها بالنسبة إلى العناصر المركزية الأخرى.
في الطبقة المُدرجة، يمكنك إدراج طبقات متداخلة متعددة، ثم نقل الطبقات المتداخلة إلى الأماكن المطلوبة، بحيث يمكنك استخدام الطبقات كما تريد في الصفحة المركزية.
الاستنتاج: توسيط الصفحة، وإنشاء قوائم منبثقة، واستخدام أمر الإدراج/الطبقة؛ واستخدام تخطيط الطبقة ووضع المحتوى في طبقات، واستخدام الطبقات المتداخلة.