ExtJS4太优雅了...需要帮助ie8组件渲染

Question

我正在研究ExtJS4应用程序 - 自定义报告应用程序.

ExtJS4使用图像和表格(修改后的标记)自动回退所有css3,使用可怕的优雅降级原则.因此,它可怕地膨胀已经膨胀的标记,并使用默认图像更改所有渐变/边框.

除了css3元素,我不确定它还有什么变化,但这里是应用截图.

这是IE8:

这是Google Chrome:

...

1. 除了必须检查所有标记和撤消这些可怕的设计决策
2. 除了必须重新创建所有图像以匹配现有设计
3. 除了必须修改核心文件以强制优雅降级之外,不会发生不支持x-nlg,x-nbr等的浏览器.

更新2012-11-23

Sencha切片:

ExtJS核心覆盖:

有没有其他方法或设置,javascript或sass,更容易处理所有这些兼容性问题？

Answer 1

因此,如果没有答案,我将提供我所采用的实施方案.

如您所见,这个复杂的ExtJS 4.1应用程序具有复杂的设计.sencha切片工具无论如何都不起作用(但是如果你想保留所有的sencha默认值并且只是改变应用程序的基色,可能是基础SASS变量？).

另一方面,您可以看到Ext覆盖结果的美妙程度.一个相当稳固的过渡,看起来相同95%(或克里斯科伊尔会说,"好吧,足够好").

以下是我的实施:

Ext.application({
    ...
    init: function () {
        // Override CSS3BorderRadius value which caused render problems in <IE9 when false.
        Ext.supports['CSS3BorderRadius'] = true;

        // Hack-ish remove class sniffers from Ext.EventManager (which attaches modrnizer type classes onto the body)
        Ext.getBody().removeCls('x-nbr x-nlg');
    }
    ...
});

这种实现方式很优雅:

1. "我"将编写可以工作的跨浏览器CSS.我不需要sencha用它的"更聪明",更可怕的CSS来覆盖我的CSS.
2. 我理解旧版浏览器无法处理圆角 - 我不想要它们.
3. 我知道IE无法处理线性渐变 - 我不希望默认使用图像.我想使用filter:progid.
4. 我不想让SENCHA用自定义图像的手柄,嵌套的手柄和桌子GALORE打开我的标记

gg希望这有助于某人