jquery - 在 IE 中显示问题 - Datatables 行分组

标签 jquery css internet-explorer datatables grouping

我正在使用 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/

相关文章:

jquery - CSS 溢出和无换行问题

php - 根据动态设置的背景颜色更改文本颜色的值

javascript - html5/css3/javascript 中全功能文字处理器的可能性?

c# - 兼容性查看模式,即7-9

java - 如何在不使用 autoIt 和机器人类的情况下使用 selenium webdriver 处理 IE 下载弹出窗口

internet-explorer - 有没有像 FireBug for IE 这样的开发者工具?

javascript - 将 json 对象中每个深度级别的节点存储在单独的数组中

javascript - 使用js检查动态复选框是否被选中

css - 选择器之间的空格是什么意思?

html - 具有相对位置且顶部值为负的元素下方的元素保持在原处