Question

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

从这里开始我的CSS和XHTML标记here，问题出现在list元素中，其中包含私有。

目前，Firefox 3，Internet Explorer 7，Safari 3，Google Chrome完全呈现此列表，screenshot此处。但这就是Internet Explorer 8在此处呈现列表screenshot的方式。

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

提前致谢！

Answer 1

我曾经有过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以及如何在此处修复网站： A list apart-Fix your site with right doctype

Answer 2

// 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 checkbox not printing bug fix using jQuery

Answer 3

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

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

Answer 4

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

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.users.on.net%2F~prashyanthy%2Ftext.html&charset=%28detect+automatically%29&doctype=Inline&group=0

Internet Explorer 8和Checkbox CSS问题

4 个答案: