دعم "نصف القطر الحدودي" في IE

StackOverflow https://stackoverflow.com/questions/635851

  •  10-07-2019
  •  | 
  •  

سؤال

هل يعرف أحد ما إذا كان/متى سيدعم Internet Explorer سمة CSS "border-radius"؟

هل كانت مفيدة؟

المحلول

نعم! عندما يتم تحريرها IE9 يناير 2011.

ودعونا نقول لكم نريد حتى 15px على جميع الجوانب الأربعة: 

.myclass {
 border-style: solid;
 border-width: 2px;
 -moz-border-radius: 15px;
 -webkit-border-radius: 15px;
 border-radius: 15px;
}

وIE9 سوف تستخدم border-radius الافتراضي، لذلك فقط للتأكد من أن تشمل في كل الأنماط الخاصة بك تدعو دائرة نصف قطرها الحدود. ثم موقع الويب الخاص بك سيكون جاهزا للIE9.

و-moz-border-radius هو لفايرفوكس، -webkit-border-radius هو لسفاري وكروم.

وعلاوة على ذلك: لا تنسى أن يعلن بك IE الترميز هو IE9: 

<meta http-equiv="X-UA-Compatible" content="IE=9" />

وبعض المطورين كسول يكون <meta http-equiv="X-UA-Compatible" content="IE=7" />. في حالة وجود هذه العلامة، والحدود بين دائرة نصف قطرها يعمل أبدا في IE.

نصائح أخرى

لقد تغيرت الإجابة على هذا السؤال منذ طرحه قبل عام.(يعد هذا السؤال حاليًا أحد أهم نتائج البحث عن "border-radius ie" على Google.)

سوف يدعم IE9 border-radius.

هناك معاينة للمنصة متاح أيّ يدعم border-radius.ستحتاج إلى نظام التشغيل Windows Vista أو Windows 7 لتشغيل المعاينة (وIE9 عند إصداره).

وللمشكلة وأداة قوية:

CSS3Pie يستخدم ملفات .htc والخاصية السلوك لتنفيذ CSS3 إلى IE 6 - 8

Modernizr قليلا من جافا سكريبت من شأنها أن تضع الطبقات على عنصر HTML الخاص بك، مما يسمح لك لخدمة نمط مختلف تعريفات لمتصفحات مختلفة على أساس قدراتهم.

ومن الواضح أن هذه كل من إضافة المزيد من النفقات العامة، ولكن مع IE9 بسبب تشغيل فقط على ويندوز فيستا / 7 نحن قد يكون عالقا لحظة تماما. اعتبارا من أغسطس 2010 ويندوز XP لا تزال تمثل 48٪ من انظمة التشغيل العميل على شبكة الإنترنت.

لا يخطط لIE8. انظر CSS التوافق الصفحة.

وأبعد من ذلك لم يتم الكشف عن الخطط. توجد شائعات بأن IE8 ستكون آخر نسخة للحصول على ويندوز XP

و<!DOCTYPE html> بدون هذه العلامة الحدودية دائرة نصف قطرها لا يعمل في IE9، ولا حاجة من العلامات الفوقية.

والتحديث السريع على هذا السؤال، IE9 سيدعم الحدود بين دائرة نصف قطرها فقا لما يلي: <لأ href = "http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at -ie9 مقابل developers.aspx "يختلط =" نوفولو noreferrer "> http://blogs.msdn.com/ie/archive/2009/11/18/an-early-look-at-ie9-for-developers. ASPX

استخدم -ms-border-radius: 15px، أي العنصر الذي يستخدم المغلق -ms- متوافق مع IE.

وقضية الزاوية نصف قطرها IE ستعمل على حل.

http://kbala.com/ie-9-supports-corner- دائرة نصف قطرها /

وماذا عن الدعم لدائرة نصف قطرها الحدود والتدرج الخلفية. نعم IE9 هو دعم لهم على حد سواء منفصل ولكن إذا كنت تخلط اثنين التدرج ينزف من زاوية مدورة. وفيما يلي رابط لمثال فقراء ولكن لقد رأيت في بلدي التجارب الخاصة كذلك. يجب أن تؤخذ من لقطة شاشة: (

وربما السؤال الحقيقي هو عندما سوف IE دعم المعايير CSS دون MS-FILTER الخارقة الملكية.

http://frugalcoder.us/ آخر / 2010/09/15 / IE9 الزاوية زائد التدرج fail.aspx

تم حل المشكلة - عدم عرض نصف قطر الحدود بشكل صحيح في IE 10 و11

بالنسبة لأولئك الذين لا يحصلون على -MS-Border-Radius:أو نصف قطر الحدود:للعمل في IE 10،11 ويجعل كل مربع ثم اتبع هذه الخطوات:

  1. انقر على العجلة المسننة في الجزء العلوي الأيمن من متصفح IE
  2. انقر فوق إعدادات عرض التوافق
  3. الآن قم بإلغاء تحديد المربعين المحددين افتراضيًا.

Ensure that the boxes are unchecked as in pic

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top