بادئ ذي بدء ، نعلم أن هذا التأثير يجب أن يكون موضوعًا قديمًا.
عند فرز الملفات اليوم ، وجدت أن بعض حلول التصميم السابقة الخاصة بي كانت مستلقية في المجلد لفترة طويلة. دعونا ننظر من خلال القديم.
تجدر الإشارة إلى أنني محظوظ لأنني رأيت المهندس القديم ومدير المواقع في CSSPlay يحققون هذا التأثير ، ويجب أن يكون قد أعطيته مبكرًا.
أقل ثرثرة ، إضافة رمز المصدر:
تشغيل واستخدام الميزات الغريبة لـ IE6-layout ، تنفيذ CSS:
<نوع النمط = text/css>
.IE6-OT {
_margin-left: 900px ؛
_zoom: 1 ؛
}
.ie6-in {
_position: النسبي ؛
_float: اليسار ؛
_margin-left: -900px ؛
}
#min-width {
Min-Width: 900px ؛
الخلفية: #CCC ؛
ارتفاع الخط: 200 بكسل ؛
_zoom: 1 ؛
}
</style>
<div class = IE6-OT>
<div class = ie6-in>
تحت <div id = min-width> ie6- ، تدرك الحاوية محاكاة تأثير العطلة. يرجى تغيير حجم نافذة المتصفح في الإرادة ، ثم انقر فوق الزر لعرض العرض. </div>
</div>
</div>
عرض تنفيذ CSS:
قم بتشغيل مربع الرمز
[Ctrl A جميع نصائح التحديد: يمكنك تعديل بعض التعليمات البرمجية أولاً ، ثم اضغط على Run]
التوضيح الممتد:
قم بتشغيل مربع الرمز
[Ctrl A جميع نصائح التحديد: يمكنك تعديل بعض التعليمات البرمجية أولاً ، ثم اضغط على Run]
تعبير CSS
-أعتقد أن العديد من الأشخاص غالبًا ما يكونون مضطرين بسبب حوادث لا يمكن تفسيرها عند استخدام هذه الطريقة لتحقيق الحد الأدنى لعرض الحاوية ، وغالبًا ما ينتهي بهم المطاف دون مثمر.
هناك نقطتان يجب الإشارة إليهما هنا:
1. العناصر التي تمثل منفذ العرض في IE6- تختلف في الوضع القياسي ووضع quirk. السابق هو <html> والأخير هو <body> ؛
2. IE6-in على وضعين مختلفان أعلاه ، مظاهره المختلفة عندما يفيض المحتوى ، مما يؤدي إلى حلقة ميتة في حكم المهمة. من المبرر بعض الشيء أن ندرس ، دعنا نمارسها بنفسك.
يقوم تعبير CSS بتنفيذ رمز مصدر العرض الحد الأدنى: <نوع النمط = text/css>
الجسم {text-align: center ؛}
#min-width {
Min-Width: 900px ؛
_width: التعبير ((document.documentElement.ClientWidth || document.body.clientwidth) <900؟ 900px :) ؛
ارتفاع الخط: 200 بكسل ؛
الخلفية: #CCC ؛
}
</style>
تحت <div id = min-width> ie6- ، تدرك الحاوية محاكاة تأثير العطلة. يرجى تغيير حجم نافذة المتصفح في الإرادة ، ثم انقر فوق الزر لعرض العرض. </div>
العرض التوضيحي:
قم بتشغيل مربع الرمز
[Ctrl A جميع نصائح التحديد: يمكنك تعديل بعض التعليمات البرمجية أولاً ، ثم اضغط على Run]
يمكن تنفيذ الحلتين أعلاه في كل من الوضع القياسي IE6 ووضع quirk. لم يجد IE تعبير مشاكل كفاءة وحدة المعالجة المركزية في هذا التطبيق.