我正在使用Datatables可折叠/可扩展分组，每组有一个行数，展开/折叠所有按钮和重置搜索按钮。我在Internet Explorer上遇到了一些显示问题。
在IE 9，IE 8和IE 7中，未显示重置搜索按钮（搜索字段右侧的黑色X）。
在IE 7中，搜索字段和标签也显示不正确。它没有正确对齐。
有人可以帮我解决这些IE CSS问题吗？非常感谢您的帮助！
我已经设置了一个jsfiddle来说明问题：http://jsfiddle.net/lbriquet/gtgzr/
答案 0 :(得分：0)
<强> 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属性中切换重置框和搜索框的位置，以便在正确浮动时保持正确的定位。