有没有人在使用 Themeroller 主题时修复了 IE6 中的 jQuery 对话框按钮格式？答案

【问题标题】：Has anyone fixed the jQuery dialog button format in IE6 while using a Themeroller'ed theme?有没有人在使用 Themeroller 主题时修复了 IE6 中的 jQuery 对话框按钮格式？
【发布时间】：2008-12-10 16:53:17
【问题描述】：

我使用Themeroller 生成应用主题，我使用jQuery 和jQuery UI 创建一些modal dialog 警报。

它们在 Firefox 2 和 3 上运行良好（并且看起来很棒），但在 IE 6 和 7 上按钮向右移动。

看起来它被 IE 边距错误所困扰，但我想看看在深入研究 Themeroller CSS 或更糟糕的 jQuery 生成代码之前是否有一个简单的修复方法，以找到解决方法。

这是 Firefoxen 中的盒子的样子：

下面是同一个框在 IE6/7 中的样子：

jQuery UI 演示页面的按钮在 IE 下看起来更好一些，但在调整大小栏下它们是半模糊的。如果这里没有人说“哦，是的，这就是你修复它的方法......”我将不得不将两个 CSS 文件并排放置并找出区别。

我看到semi-related issue，但那里的答案不适用于我的问题（因为我的对话框容器确实有 ui-dialog 类。

【问题讨论】：

标签： jquery css jquery-ui themeroller jquery-ui-theme

【解决方案1】：

我通过一些尝试和错误发现了似乎可行的方法。我仍然对更好的综合解决方案感兴趣（和/或我需要向 ThemeRoller 团队指出这一点）。

我对@987654321@进行了此更改：

.ui-dialog-buttonpane {
    position: absolute;
    bottom: 0;
    left:0;  /* Added this line and it makes the button pane anchor to the left */
    width: 100%;
    text-align: left;
    border-top: 1px solid #707c5a;
    background: #faf7eb;
}

我还在做一些测试，但它似乎适用于 IE6/7 和 FF2/3。

【讨论】：