1 - child selector command
مرورگر IE استفاده از اين دستور رو ناديده مي گرفت پس ميشد استايلي نوشت كه در تمام مرورگرها به غير از IE كار كنه كه البته در IE7 اين مشكل برطرف شده و ديگه نميشه به عنوان يك ترفند از اون استفاده كرد .
روش كار هم به اين شكل بود :

#content {margin-bottom:3em}
html>body #content {margin-bottom:1em}

بدين ترتيب IE خط اول رو اجرا ميكنه و خط دوم رو ناديده ميگيره و بقيه مرورگرها خط دوم رو هم اجرا ميكنند كه همونجور كه گفتم IE7 خط دوم رو هم اجرا ميكنه .

2 - important!
وقتي كه اين كلمه استفاده ميشه همه مرورگرها به غير از IE اون خاصيت رو با دستورات جديد تغيير نميدن كه البته IE7 اين مشكل رو حل كرده و بدين ترتيب نميشه از اين ترفند هم براي انتساب استايل متفاوت براي IE استفاده كرد .
نمونه راه حلي كه استفاده ميشد :

background: green !important; 
background: red;

همه مرورگرها وقتي خط اول رو اجرا ميكنند به تغييرات خط دوم توجهي نميكنند اما IE6 خط دوم رو هم اجرا ميكرد كه باعث ميشد خط اول خنثي بشه اما همونطور كه گفتم IE7 اين مشكل رو هم حل كرده .

پس به اين نتيجه ميرسيم كه بايد روش جديدي رو استفاده كنيم تا بتونيم مشخصات مورد نظر رو از كليه ورژنهاي موجود IE پنهان كنيم .
روشي كه در حال حاضر جواب ميده استفاده از دستور @import هست كه فعلا  مرورگر IE از اون پشتيباني نميكنه و به روشي كه در ادامه اومده ميشه به عنوان يك ترفند براي تشخيص دادن IE از غير استفاده كرد :

@import "noiestayles.css" all;

توجه داشته باشيد كه بايد يك فايل براي مرورگرهاي غير از IE رو ايجاد كنيد .

نظرات (1) | برگزيدن اين صفحه (147) | نقل قول اين مطلب | بيننده: 14715