0

我正在使用 Datatables Collapsible/Expandable Grouping,每组有一个行数,展开/折叠所有按钮和一个重置搜索按钮。我在使用 Internet Explorer 时遇到了一些显示问题。

在 IE 9、IE 8 和 IE 7 中,不显示重置搜索按钮(搜索字段右侧的黑色 X)。

在 IE 7 中搜索字段和标签也显示不正确。它不是右对齐的。

谁能帮我解决这些 IE CSS 问题?您的帮助将不胜感激!

我设置了一个 jsfiddle 来说明这个问题:http: //jsfiddle.net/lbriquet/gtgzr/

4

1 回答 1

0

1. 在IE 9、IE 8 和IE 7 中没有显示reset search 按钮。

您正在使用<input type="image" ... />没有 src 属性。是的,包含框确实包含图标,但它们是 CSS 声明的背景图像,不是直接从输入元素中的 src 属性呈现的,IE 不会很好地配合你的语法。

2. IE 7 搜索栏和标签也显示不正确。它不是右对齐的。

它不是正确对齐的,因为 IE7 要求元素至少具有一些样式才能正确定位它。您已将展开所有按钮向左浮动,重置按钮向右浮动,要在 IE7 中解决此问题,您可以完全取消浮动并使用“display:inline-block; position:relative”来定位元素内联。或者继续使用浮动,但也将搜索框浮动。(您需要在 sDOM 属性中切换重置框和搜索框的位置,以在右浮动时保持正确的定位。

于 2012-09-04T10:23:50.913 回答