css - 在 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 渐变，因此您可能需要为这种情况创建背景图像。