معربا عن تكنولوجيا المعلومات

قبل ذلك ببضعة أشهر رأينا، كيف يمكن ان تشمل قطعة من CSS التي من شأنها أن تكون مرئية على IE6 فقط ( للحصول على الكيانات المستقلة الخاصة بك فقط ). هناك طرق أخرى لتحقيق ذلك أيضا. وتشمل مجرد CSS منفصلة، ​​ومحددة لIE التي تستهدفها. ويمكن تحقيق هذا مع ما يسمى والتعليقات شرطي.

التعليقات مشروط هو وسيلة للكشف عن نوع المتصفح والإصدار. يتم تنفيذ الكشف عن متصفح للتأكد من أن المحتوى المقدم للمتصفح معين. ويمكن أن يتم الكشف عن متصفح باستخدام تقنيات عديدة ومختلفة. هذا الأسلوب له ميزات عديدة عبر الأساليب السابقة، التي تضمنت تبديل نمط باستخدام جافا سكريبت. إلى قائمة هامة قليلة، سيكون؛

• ليس مطلوبا البرمجة
• عبر متصفح

كيف نفعل ذلك؟

نفعل شيئا في Internet Explorer 5 فقط
<!--[if IE 5]> Welcome to Internet Explorer 5. <![endif]-->

نفعل شيئا في كافة إصدارات IE
<!--[if IE]>
<link href="css/ie.css" rel="Stylesheet" type="text/css" />
<![endif]-->

تفعل شيئا في كل ذلك أحدث إصدارات IE IE 5
<!--[if gte IE 5]>
<script type="text/javascript"><!--
alert("Congratulations! You are running Internet Explorer 5 or greater.");<br />
// --></script>
<![endif]-->

لمزيد من vartiations مشروط، وقراءة هذه المعلومات على MSDN:
حول تعليق شرطي

كنت قد لاحظت في بعض الأحيان، وكيف يرفض مجرد أشياء بسيطة للعمل في IE6 ... location.href هو مجرد شيء من هذا القبيل.

إذا قمت بإضافة وظيفة عند _ النقر على علامة ارتساء الخاص بك، مثل أدناه ...

<a href="javascript:void(0)؛" onclick="onClickLink('xxx')؛"> انتقل إلى موقع جديد </ أ>

مع بعض من وظيفة مثل هذا ...
وظيفة onclickLink (ID) {
فار URI = "test2.html ID =؟" + بطاقة الهوية؛
window.location.href = URI؛
}

إلى سخرية بك، وكنت لاحظت أن هذه قطعة من نصي بسيط يرفض العمل في شركة آي إي ... حسنا! يمكنني مناقشة الأسباب هنا، ولكن لا أعتقد أنه سيكون من المفيد ... رغم ذلك، أنا لا يبدو ان لها حلا ... (أنا أراهن إذا فهم جافا سكريبت، وسوف نفهم، لماذا نضيف هذا التعديل النهائي لIE6)

الحل

<a href="javascript:void(0)؛" onclick="onClickLink('xxx')؛ عودة false؛ "> انتقل إلى موقع جديد </ أ>

إذا كنت أي أجوبة بسيطة، يرجى القيام كتابة تعليق. وحقا أن appretiated، وأراهن، من قبل كثير!

إذا كنت قد تعرضت لكتابة CSS لبعض الوقت، سيكون لديك خبرة تلك الأوقات عند سحب حرفيا شعرك عندما الخاص بك تخطيطات المغلق نظر جيد في جميع المتصفحات الجديدة (أعني في وقت لاحق من متصفحات IE6)، ولكن IE 6 رميات نوبة غضب. أنت تناضل من الصعب ضبط المغلق الخاص بك ولكن لا تعمل ... حسنا! هذه محاولة الخارقة ...

1. تؤكد المأجور: -
بحكم التعريف، CSS 2.1 مواصفات يسمح السطر ("_") في معرفات CSS. لكن يبدو أن العديد من المتصفحات لا يزال لتجاهل أي يحدد شرع مع تسطير لكن آي إي. علة هذا آي إي / ميزة وهكذا يصبح وسيلة واضحة جدا لتعيين خصائص CSS لالكيانات المستقلة فقط. تذكر ذلك، خاصية CSS مكتوب مع التأكيد على البدء مرئيا لبرنامج Internet Explorer (كافة الإصدارات ولكن IE 7)

#box {
min-height: 300px;
height: auto;
_height: 300px; /* all IE versions less than version 7 */
...
}

مظاهرة ضوء هذا التأكيد الإختراق

أيضا، والإختراق مين ارتفاع لIE6 يستخدم الإختراق تأكيد، راجع

2. التجزئة (#) هاك: -
وشملت IE7 مثل تسطير المأجور، وهذا هو واحد أيضا هو للoly الكيانات المستقلة، مع وجود فرق جيدة، معرفات الملكية سبقت مع # في البداية غير واضحة بالنسبة لكافة الإصدارات آي إي، وغير مرئي للمتصفح أي معيار آخر.

.obj_container {
display: table-cell;
vertical-align: middle;
#position: absolute; /* For IE only */
#top: 50%; /* For IE only */
#left:50%; /* For IE only */
}

وقد استخدم هذا الإختراق لطيف ليبرهن على وجود المتصفح عبر عمودي محاذاة حل، أن يكون النظر في هذه المادة الى العثور على مزيد من موقعنا

3. CSS لIE6 فقط: -
#my_bad_behaving_div {
/*something for all browsers*/
}
/* Lets use the * html hack so only IE6 reads the rule */
* html #my_bad_behaving_div{
/*something for IE6 only*/
}

هؤلاء المأجورون يبدو السماء أرسلت، عندما يعمل أي شيء آخر ... وإذا كان أي من هؤلاء المأجورون ينقذ حياتك يوما ما لا، وننسى في التعامل معي على القهوة :)