Internet Explorer 8 и флажок CSS Проблема
https://stackoverflow.com/questions/1414748
-
06-07-2019 - |
italiano
english
français
española
中国
日本の
العربية
Deutsch
한국어
Português
RussianВопрос
В настоящее время у меня возникают проблемы с Internet Explorer 8, игнорирующим заполнение / высоту строки в списке, который включает флажок.
Для начала вот моя разметка CSS и XHTML здесь , проблема возникает с элементом списка, который включает в себя частный .
В настоящий момент Firefox 3, Internet Explorer 7, Safari 3, Google Chrome прекрасно отображают этот список, скриншот здесь. Но именно так Internet Explorer 8 отображает список, снимок экрана здесь.
Кто-нибудь может предложить метод решения этой проблемы?
Заранее спасибо!
Решение
У меня тоже когда-то были проблемы с IE8. Итак, я объявил другой тип документа, и это сработало !!
В настоящее время вы подаете в суд на xhtml переходный.
Попробуйте это: (хорошо, отредактировано)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
Узнайте больше о типах документов и о том, как они могут исправить сайты здесь: Отдельный список - исправьте свой сайт с правильным типом документа
Другие советы
// 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 (и в Opera, как это бывает) флажок не участвует во встроенном содержимом библиотеки li, поэтому, поскольку метка тоже не участвует, поскольку она перемещена, настройка высоты строки для библиотеки li не имеет никакого эффекта
Добавьте & amp; nbsp; после метки в строке флажка, и этого будет достаточно, чтобы высота строки вступила в силу, и все линии будут одинаковой высоты.
Мой ограниченный опыт работы с IE8 до сих пор был очень требователен к правильной разметке. Соответственно, у вас есть закрывающий тег без соответствующей головы. Проверьте это и посмотрите, поможет ли это.
