运行 在 Windows 8.1 上获取 Sencha 项目的奇怪布局

Question

我有一个 sencha 项目在 Android 上完美地 运行，在像 Google Chrome 这样的浏览器上，但是当我尝试 运行 时Windows 8.1 或 Internet Explorer 上的项目 css 样式未呈现并且 UI 看起来很奇怪。

下面是代码片段：

.button-grey {
    color:white !important;
    background-color:transparent !important;
    background-image: -webkit-linear-gradient(top,#c3c3c4,#e1e1e2) !important;
}  

第 -webkit-linear-gradient(top,#c3c3c4,#e1e1e2) 行导致了问题。我怀疑这是因为我不确定 Windows 8.1 或 IE 是否支持 webkit。

Answer 1

正确，IE 不支持 -wekbkit 前缀的 CSS 属性。您需要为 IE 找到合适的替代品。当然，这还取决于您要支持的 IE 版本。 <=IE8 不支持 CSS3 渐变，因此您可能需要为这种情况创建背景图像。