代码之家  ›  专栏  ›  技术社区  ›  CMPalmer

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

  •  1
  • CMPalmer  · 技术社区  · 17 年前

    我曾经 Themeroller 要生成应用程序主题,我正在使用 jQuery jQuery UI modal dialog 警报。

    它们在Firefox2和Firefox3上运行良好(看起来很棒),但在IE6和IE7上,按钮向右移动。

    它看起来像是被IE的边距漏洞咬了,但我想在深入研究Themeroller CSS,或者更糟的是,jQuery生成代码之前,看看是否有一个简单的修复方法,以找到解决方法。

    以下是Firefoxen和Firefoxen中盒子的外观:

    alt text

    以下是IE6/7中相同的框的外观:

    alt text

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

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

    1 回复  |  直到 8 年前
        1
  •  1
  •   CMPalmer    17 年前

    我通过一点点尝试和错误找到了似乎有效的方法。我仍然对更好的综合解决方案感兴趣(和/或我需要向ThemeRoller团队指出这一点)。

    我把这个改变了 jquery-ui-themeroller.css :

    .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上工作。