Internet Explorer 8和Checkbox CSS问题

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

题

我目前在Internet Explorer 8上遇到问题，忽略了包含复选框的列表中的填充/行高。

首先，我的CSS和XHTML标记此处， list元素包含私有。

会出现此问题

目前，Firefox 3，Internet Explorer 7，Safari 3，Google Chrome完美呈现此列表，屏幕截图。但这就是Internet Explorer 8如何呈现列表，截图。

有人可以建议一种方法来解决这个问题吗？

提前致谢！

有帮助吗？

解决方案

我曾经有过IE8的一些问题。所以，我宣布了一个不同的doctype并且它有效!!

目前，你正在起诉xhtml transitional。

试试这个:(好的，编辑过的）

<!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);
    }
});

IE8复选框没有使用jQuery打印错误修复

似乎在IE（和Opera一样）复选框没有参与li的内联内容，因此，由于标签不是因为它是浮动的，所以li的行高设置没有效果。

添加＆amp; nbsp;在复选框行中的标签之后，这将足以使行高生效，并且所有的li都将是相同的高度。

到目前为止，我对IE8的经验有限，因为它对正确的标记非常挑剔。因此，你有一个没有相应头的关闭标签。检查一下，看看是否有帮助。

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.users.on.net%2F~prashyanthy%2Ftext.html&charset= ％28detect +自动％29＆安培;！DOCTYPE =内嵌＆安培;基团= O

许可以下： CC-BY-SA 和 归因
不隶属于 StackOverflow
scroll top