我正在使用 Datatables Collapsible/Expandable Grouping,每组有一个行数,展开/折叠所有按钮和一个重置搜索按钮。我在使用 Internet Explorer 时遇到了一些显示问题。
在 IE 9、IE 8 和 IE 7 中,未显示重置搜索按钮(搜索字段右侧的黑色 X)。
在 IE 7 中,搜索字段和标签也显示不正确。它没有右对齐。
谁能帮我解决这些 IE CSS 问题?非常感谢您的帮助!
我设置了一个 jsfiddle 来说明问题:http://jsfiddle.net/lbriquet/gtgzr/
最佳答案
<强>1。在 IE 9、IE 8 和 IE 7 中,未显示重置搜索按钮。
您正在使用 <input type="image" ... />
没有 src 属性。是的,包含框确实包含图标,但它们是由 CSS 声明的背景图像,而不是直接从输入元素中的 src 属性呈现,IE 不会很好地处理您的语法。
<强>2。在 IE 7 中,搜索字段和标签也显示不正确。它没有右对齐。
它不是右对齐的,因为 IE7 要求元素至少有一些样式来正确定位它。您已将展开所有按钮向左浮动,将重置按钮向右浮动,要在 IE7 中解决此问题,您可以完全取消 float 并使用“display:inline-block; position:relative”将元素定位为内联。或者继续使用 float ,但也将搜索框也 float 到右侧。 (您需要在 sDOM 属性中调换重置框和搜索框的位置,以保持右浮动时的正确定位。
关于jquery - 在 IE 中显示问题 - Datatables 行分组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12261260/