IE中的顯示問題 - 數據錶行分組

Question

我正在使用數據表可摺疊/可擴展分組，每行組有一個行數，展開/摺疊所有按鈕和重置搜索按鈕。我遇到了Internet Explorer的一些顯示問題。

在IE 9，IE 8和IE 7中，未顯示重置搜索按鈕（搜索欄右側的黑色X）。

在IE 7中，搜索字段和標籤也顯示不正確。這是不對齊。

任何人都可以幫我解決這些IE CSS問題嗎？您的幫助將不勝感激！

我已經設置了一個的jsfiddle來說明問題：http://jsfiddle.net/lbriquet/gtgzr/

Answer 1

1.在IE 9，未顯示IE 8和IE 7復位搜索按鈕。

您使用的是沒有src屬性的<input type="image" ... />。是的，包含框包含圖標，但是它們是由CSS聲明的背景圖像，不是直接從輸入元素的src屬性呈現的，IE對你的語法不會很好。

2.在IE 7中，搜索字段和標籤也顯示不正確。這是不對齊。

它不正確對齊，因爲IE7要求元素至少有一些樣式來正確定位它。您已將浮動左側的全部擴展按鈕和右側的復位按鈕懸浮起來，以在IE7中修復此問題，您可以完全取消浮動並使用「display：inline-block; position：relative」將元素內聯放置。或者繼續使用浮動，但也會將搜索框浮動。 （您需要在sDOM屬性中切換復位框和搜索框的位置，以便在右側浮動時保持正確的位置。