Internet Explorer 8和複選框CSS問題

我目前遇到Internet Explorer 8的問題，忽略了包含複選框的列表上的填充/行高。Internet Explorer 8和複選框CSS問題

要從這裏開始是我的CSS和XHTML標記here，問題發生在列表元素，其中包括私人。

目前Firefox 3，Internet Explorer 7，Safari 3，Google Chrome完美呈現此列表，screenshot此處。但這是Internet Explorer 8呈現列表screenshot的方式。

任何人都可以提出一種方法來解決這個問題？

在此先感謝！

來源

2009-09-12 schone

噢，歌劇沒有測試？ – random 2009-09-12 09:50:14

我只是看了一下在Opera中出現的相同問題！ Arggg！ – schone 2009-09-12 10:29:50

我也曾經有一些問題與IE8。所以，我宣佈了一個不同的文檔類型，它的工作！

目前，您正在起訴xhtml過渡。

試試這個：（OK，編輯）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

閱讀更多關於文檔類型，以及他們如何可以在這裏解決網站： A list apart-Fix your site with right doctype

來源

2009-09-12 09:52:22

+1對此也很挑剔 – 2009-09-12 09:53:09

修正了這個問題，但打破了我網站的其他部分：/ 有什麼想法可以解釋爲什麼會出現這種情況？ – schone 2009-09-12 10:28:42

那麼它應該是XHTML 1.0 Strict，因爲您使用的是XHTML語法而不是HTML4。無論哪種方式，嚴格/過渡通常在完全標準和「幾乎標準」模式之間切換;通常沒有太大的區別。奇怪的是，你的過渡文檔應該讓你處於幾乎標準模式，這比IE7更接近完全標準。 – bobince 2009-09-12 10:33:55

我與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

來源

2009-09-12 09:52:31

解決這個問題並沒有改變。 – schone 2009-09-12 10:28:00

看來，在IE瀏覽器（和Opera，因爲它發生）複選框不參與鋰的在線內容，因此，既然因爲它浮動標籤不任，行li的高度設置不起作用。

添加一個& nbsp;在複選框行中的標籤之後，並且足以讓行高生效，並且所有的里程將保持相同的高度。

來源

2009-09-12 10:32:48 Alohci

// 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

來源

2012-10-29 19:55:05

Internet Explorer 8和複選框CSS問題

回答

相關問題