Internet Explorer 8 ومشكلة مربعات الاختيار CSS
-
06-07-2019 - |
سؤال
أواجه حاليًا مشكلات مع Internet Explorer 8 تجاهل حشوات/خطوط الخط التي أمتلكها في القائمة والتي تتضمن خانة اختيار.
للبدء هنا هو CSS و XHTML علامة هنا, تحدث المشكلة مع عنصر القائمة الذي يتضمن خاص.
في الوقت الحالي ، يقوم Firefox 3 ، Internet Explorer 7 ، Safari 3 ، Google Chrome بإعداد هذه القائمة بشكل مثالي ، لقطة شاشة هنا. ولكن هذه هي الطريقة التي يجعل Internet Explorer 8 القائمة ، لقطة شاشة هنا.
هل يمكن لأي شخص اقتراح طريقة لإصلاح هذه المشكلة؟
شكرا مقدما!
المحلول
كنت أيضًا أواجه بعض المشاكل مع IE8. لذلك ، أعلنت doctype مختلفة وعملت !!
حاليا ، أنت تقاضي XHTML الانتقالية.
جرب هذا: (حسنًا ، تم تحريره)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
اقرأ المزيد عن Doctypes وكيف يمكنهم إصلاح المواقع هنا:قائمة بموقعك مع doctype الأيمن
نصائح أخرى
// fix for ie8 printed checkbox bug using jquery
$('input[type=checkbox]').live('change', function(){
if($(this).is(':checked')){
$(this).attr('checked', true);
} else {
$(this).attr('checked', false);
}
});
يبدو أنه في IE (والأوبرا كما يحدث) لا تشارك مربع الاختيار في المحتوى المضمّن لـ LI ، لذلك ، نظرًا لأن الملصق لا يطفو على ذلك ، فإن الإعداد المرتفع للخط ليس له أي تأثير .
أضف A بعد التسمية في خط مربع الاختيار ، وسيكون ذلك كافيًا لارتفع الخط المفعول ، وسيكون كل ما هو نفس الارتفاع.
كانت تجربتي المحدودة مع IE8 حتى الآن هي أنه من الصعب إرضاءه للغاية حول الترميز المناسب. وفقًا لذلك ، لديك علامة قريبة بدون رأس مقابل. تحقق من ذلك ومعرفة ما إذا كان يساعد.