internet-explorer - IE 9 CSS 渐变与背景中的图像不起作用

Question

我正在使用这段代码，它在 Chrome 和 Firefox 中工作正常，但在 IE9 中不行。并根据此页面Multiple background和 background-size IE9支持

span.select {
    position: absolute;
    bottom: 0;
    float: left;
    left: 0;
    line-height: 1;
    text-indent: 10px;
    background: #ffffff;
    background: url(../img/color-arrow.png) no-repeat, linear-gradient(top, #ffffff 0%,#a9a9a9 100%);
    cursor: default;
    z-index: 1;
    border: #dadada 1px solid;
    border-radius: 4px;
    background-position: 100% center;
    background-size: 1.5em 0.6em, 100% 100%;
    text-shadow: 0px 1px 1px #fff;
    white-space: nowrap }

我正在其中使用多个背景和背景调整大小

Answer 1

IE9 支持多个背景图像，但不支持多个背景元素的混合。你的问题是图像和渐变。

此外，-ms- 不会为任何属性的 CSS 兼容性做任何​​事情。