حل فحص css3 مع الخواص الغير قياسية

الخواص , الغير , css3 , قياسية


حل فحص css3 مع الخواص الغير قياسية
الهدف من اتباع المعايير القياسية في تصميم صفحات الويب هو أن تظهر هذه الصفحات بشكل سليم على كافة المستعرضات ( الداعمة للمعايير القياسية ) .. و لكن في كثير من الأحيان نلجأ إلى إستخدام بعض خواص CSS الخاصة بأحد المستعرضات لحل مشكلة في ظهور التصميم عليه مثل طرق حل مشاكل IE6 أو إستخدام بعض خواص CSS 3 كـ opacity و بالطبع فإن هذه الخواص غير قياسية في CSS 2.1 وعند فحص الصفحات بإستخدام فاحص W3C فسيظهر لك بأن الصفحة غير مطابقة للمعايير القياسية وأن هذه الخواص غير موجودة .. بالطبع يمكنك تجاهل هذا الأمر فليس الهدف هو تجاوز إختبار CSS ولكن الهدف هو ظهور الموقع على كل المستعرضات بشكل سليم ولكن إن كنت أحد المهوسين برؤية الشريط الأخضر في صفحة فحص CSS و رؤية كلمة Congratulations! No Error Found و في نفس الوقت تريد استخدام هذه الخواص فإليك الطريقة :
أولا سنقوم بتجميع كافة الخواص الغير قياسية و كتابتها في ملف CSS منفصل و لنسميه مثلاً invalid.css وليكن على سبيل المثال بالشكل التالي ( الخواص بالأسفل لجعل الحواف دائرية وهي خاصه فقط بفايرفوكس و سفاري و هي خواص غير قياسية ) :



كود php: .class-name{
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-webkit-border-bottom-right-radius:10px;
}

ثانيا سنقوم بإستدعاء هذا الملف في ترويسه الصفحات ولكن بطريقة مختلفة بعض الشئ حيث سنستخدم الجاقا سكريبت بالشكل التالي:




كود PHP:

<script type="text/javascript"><!--
document.write('<link rel="stylesheet" type="text/css" media="screen" href="Your-path/invalid.css" />');
--></script>

الأن عند فحص الصفحات سيتخطى الفاحص ملف invalid.css و لن يقوم بفحصه .. و سترى Congratulations! No Error Found !