1. مقدمة
تتضمن هذه المقالة 8 حلول مفيدة جدًا ستستخدمها عندما تواجه مشكلات في تصميم CSS.
2. محددات خاصة بالمتصفح
ستكون هذه المحددات مفيدة جدًا عندما تحتاج إلى تصميم CSS لمتصفح معين.
IE6 والإصدارات الأقل
| * أتش تي أم أل {} |
IE7 والإصدارات الأقل
*:الطفل الأول+html {} * html {} |
*:الطفل الأول+html {} |
أتش تي أم أل>الجسم{} |
| أتش تي أم أل>/**/الجسم{} |
Opera9 والإصدارات الأقل
أتش تي أم أل:الطفل الأول {} سفاري html[xmlns*=""] الجسم:الأخير-الطفل {} |
لاستخدام هذه المحددات، ضعها قبل النمط على سبيل المثال:
#صندوق المحتوى { العرض: 300 بكسل؛ الارتفاع: 150 بكسل؛ } *أتش تي أم أل #صندوق المحتوى { العرض: 250 بكسل؛ } /* يتجاوز النمط أعلاه ويغير العرض إلى 250 بكسل في IE 6 والإصدارات الأقدم */ |
3. دع IE6 يدعم شفافية PNG
تسبب خطأ في IE6 في مشكلة كبيرة، حيث لم يكن يدعم صور PNG الشفافة.
تحتاج إلى استخدام مرشح CSS
*html #نمط الصورة { صورة الخلفية: لا شيء؛ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fil ename.png"، sizingMethod="scale"); } |
4. قم بإزالة الخط المنقط من الارتباط التشعبي (صالح فقط لـ FF)
ضمن FireFox، عند النقر فوق ارتباط تشعبي، سيظهر مخطط تفصيلي منقط على الأطراف، وهذا أمر سهل الحل، فقط قم بإضافته إلى نمط التسمية
| الخطوط العريضة: لا شيء. أ{ الخطوط العريضة: لا شيء؛ } |