حل مشكلة css3 مع الاكسبلور

حل مشكلة css3 مع الاكسبلور

مع ظهور تقنية CSS3 وخواصها المميزة بدأ التفكير بأنه سيتم

الاستغناء عن بعض التعديلات ببرنامج الفوتوشوب او البرامج المحررة

للصور !! مثل ( الحدود والظل ) لكن سرعان ما ذهبت الأفكار بإحباط متصفح

الاكسبلور لتلك الأمال والأحلام !! فكلما فكرت في تقنية CSS3 تذكرت

العقبة الكبيرة انترنت اكسبلور !! ورغم سداجة المتصفح إلا انه منتشر

كثيراً لذلك الغالبية استغنوا عن تقنية CSS3 إلى حين ظهورها مع لغة

HTML5 رسمياً في عام 2014 !! عموماً يوجد هناك حل بسيط جداً

لحل أزمة الاكسبلور وجعله يتوافق رغماً عن أنفة الطريقة هي تحايل عليه

بتركيب سكربت مبرمج بلغة الجافا سكربت ..

ملاحظة الطريقة ليست للمبتدئين !! لأنها تطلب بعض المعرفة
عن المصطلحات الخاصة بـ CSS3

نأتي للطريقة :

لنعمل مثلاً مربع ولتكن هذه خواصه:

كود:

width:100px;
    background-color:#000;
    height:100px;
}

نضيف عليه تأثير الحدود الدائرية ليصبح بالشكل التالي

كود:

.king-picaroon{
    width:100px;
    background-color:#000;
    height:100px;
    -moz-border-radius: 15px; /* Firefox */
    -webkit-border-radius: 15px; /* Safari and Chrome */
    border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */

}

الآن الحدود تعمل على اغلب المتصفحات ( فايرفوكس - الكروم - والسفاري ) لكن لا تعمل

على الآفة !! المتصفح اكسبلور

لذلك نضيف هذا الكود لكي يعمل عليه .

كود:

behavior: url(ie-css3.htc);

ليصبح الكود بالشكل التالي النهائي:

كود:

.king-picaroon{
 width:100px;
 background-color:#000;
 height:100px;
 -moz-border-radius: 15px; /* Firefox */
 -webkit-border-radius: 15px; /* Safari and Chrome */
 border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
 behavior: url(ie-css3.htc);

السكربت بالمرفقات بإمكانك استيراده في body او اي كلاس او اي دي يحمل كل الصفحة

حتى يسهل عليك الامر بدلاً من استيراده في الاجزاء المخصصة ..

إن شاء الله اكون قد وفقت في شرح الطريقة وأي استفسار بإذن الله تجدونا بالخدمة ..

ملاحظة السكربت ليس من برمجتي وهو لموقع اجنبي ! فانا عملت شرح فقط بطريقتي

بإمكانك مشاهدة الموقع من هنا

الملفات المرفقة

ie-css3.zip‏ (3.6 كيلوبايت, المشاهدات 32)

شارك هذه الصفحة :

	شارك الصفحة في الفيس بوك
	شارك الصفحة في صدي قوقل
	شارك الصفحة في تويتر Twitter
	تابعنا عبر خدمة الخلاصات RSS
	تابع تعليقات المدونة عبر الـRSS