在IE中显示问题 - 数据表行分组

Question

我正在使用Datatables可折叠/可扩展分组，每组有一个行数，展开/折叠所有按钮和重置搜索按钮。我在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中解决这个问题，你可以完全取消浮动并使用＆＃34; display：inline-block;位置：相对于＆＃34;将元素内联定位。或继续使用浮动，但也向右浮动搜索框。 （您需要在sDOM属性中切换重置框和搜索框的位置，以便在正确浮动时保持正确的定位。