字段的背景顏色在IE中出現邊界

字段的背景顏色在IE中出現邊界。我有一張桌子，背景顏色設置爲藍色，場地背景顏色設置爲白色。我如何解決這個問題在IE中？字段的背景顏色在IE中出現邊界

我的CSS：

fieldset {margin:10px;}   
fieldset legend {font-size: 14px; font-style:normal;}

我動態創建字段集。

newFieldset = document.createElement('fieldset'); 
newLegend = document.createElement('legend'); 
newLegend.innerHTML = 'Claimant Information'; 
newFieldset.appendChild(newLegend); 
OverdueReportsSummaryDetailsTableDiv.appendChild(newFieldset);

請參閱附件（點擊放大）

感謝

來源

2011-04-14 Karim Ali

你忘了爲您的HTML。 – BoltClock 2011-04-14 17:42:15

好一步，張貼截圖讓我們更容易看到問題 – cdeszaq 2011-04-14 18:36:35

請看附件。 – 2011-04-14 20:20:29

這是一個衆所周知的IE漏洞，也不管你是否使用JavaScript生成的元素出現或者自己寫HTML。

legend是fieldset一個孩子，但由於它位於略微「上面」 fieldset的頂部邊緣，IE（錯誤地）延伸的fieldset的背景顏色以包含legend。

一個簡單的解決方法是絕對定位legend以使其脫離正常元素流，並手動調整其位置，使其大致位於正常位置。相對而言，fieldset的位置仍然在legend附近。

像這樣的東西（調整值根據需要）：

fieldset { 
    position: relative; 
    margin: 10px; 
} 

fieldset legend { 
    position: absolute; 
    top: -0.5em; 
    left: 0.5em; 
    font-size: 14px; 
    font-style: normal; 
}

來源

2011-04-14 21:23:28 BoltClock

它的工作原理。謝謝 – 2011-04-15 18:09:53

字段的背景顏色在IE中出現邊界

回答

相關問題