<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <الجسم>
<html xmlns="http://www.w3.org/1999/xhtml">
<الرأس>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>اختراق CSS الذي يميز بين IE6 وIE7 وIE8 وFireFox</title>
<نمط النوع = "نص/CSS">
<!--
#اختبار،#ملاحظة{
الهامش:0 تلقائي؛
محاذاة النص:مركز؛
}
.ملاحظة{ محاذاة النص: مسافة بادئة للنص: 40 بكسل؛}
#امتحان {
العرض: 200 بكسل؛
الارتفاع: 30 بكسل؛
الحدود: 1 بكسل صلب #000000؛
اللون: #ففف؛
ارتفاع الخط: 30 بكسل؛
}
.لون{
لون الخلفية: #CC00FF /*ستعرض جميع المتصفحات اللون الأرجواني*/
لون الخلفية: #FF00009 /*سيظهر IE6 وIE7 وIE8 باللون الأحمر*/
*لون الخلفية: #0066FF /*سوف يتحول لون IE6 وIE7 إلى اللون الأزرق*/
_background-color: #009933 /*سوف يتحول لون IE6 إلى اللون الأخضر*/
}
-->
</نمط>
</الرأس>
<div id="test" class="color">اختبار الكتلة zss</div>
<div معرف = "ملاحظة">
<strong style="color:#009933">يتحول لون IE6 إلى اللون الأخضر</strong>
<strong style="color:#0066FF">ينتهي لون IE7 باللون الأزرق</strong>
<strong style="color:#FF0000">ينتهي لون IE8 باللون الأحمر</strong>
<strong style="color:#CC00FF">أخيرًا يتحول Firefox إلى اللون الأرجواني</strong>
<div class="note">
لقد رأيت اليوم مقالة في hccblogs حول التوافق مع IE8، وهو أمر بسيط للغاية، ولسوء الحظ، فهو متوافق فقط مع IE، وهو يعتمد على جوهر IE7، الذي يحتوي على قيود كبيرة. أعتقد أنني ماهر نسبيًا في توافق CSS منذ إصدار IE8، فلندرس مدى توافق IE8.
</div>
<div class="note">لطالما كان توافق CSS بمثابة صداع للجميع. وقد أزعج IE6 وIE7 وFF الجميع بالفعل في المقالات السابقة، حيث تم تقديم الكثير من المعرفة في هذا المجال. منذ أن تم إصدار الإصدار الرسمي من IE8، كنت أحاول إيجاد طريقة لتمييزه عن الإصدار الرسمي من IE8، حيث يؤدي البحث في Baidu إلى العديد من النتائج، والبحث في Google يؤدي إلى المزيد من النتائج. هناك فرق كبير بين الإصدار الرسمي والإصدار التجريبي من IE8 من حيث الاختراقات، علاوة على ذلك، تتم إعادة طباعة جميع الطرق الموجودة على الإنترنت تقريبًا من بعضها البعض، والطريقة التي تظهر في أغلب الأحيان هي صورة الاختراق من linxz.cn. لسوء الحظ، الطريقة الموجودة في هذه الصورة غير صالحة للإصدار الرسمي من IE8.
بعد التحليل والتلخيص، لدينا الحلول الفعالة التالية. ربما سيكون هناك حيل أفضل وأبسط في المستقبل، ولكن في الوقت الحالي، يمكن لهذه الطريقة أن تحل الحاجة الملحة.<br />
</div>
<div class="note">
<ul>
<li style="list-style:none;"><strong style="color:#009933">مثال بسيط:</strong></li>
<li>"9" مثال: "margin:0px auto9;".</li>
<li>يمكن لـ "9" هنا التمييز بين جميع متصفحات IE وFireFox.</li>
<li>"*" يمكن لـ IE6 وIE7 التعرف عليه، ولا يمكن لـ IE8 أن يتعرف عليه.</li>
<li>"_" يمكن لـ IE6 التعرف على "_"، ولكن لا يمكن لـ IE7 وIE8 وFireFox</li>
</ul>
</div>
</div>
</الجسم>
</html>