IE 9 CSS梯度與圖像在後臺不工作

我使用此代碼它在Chrome和Firefox中工作正常，但在IE9中沒有。並根據此頁面Multiple background和background-size在IE9IE 9 CSS梯度與圖像在後臺不工作

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 }

支持我使用多重背景和背景它

來源

2011-12-24 Jitendra Vyas

IE9 Doesn't support gradients. IE10 supports them unprefixed調整。 IE9確實實現了SVG。我想推薦使用colorzilla's gradient editor。要使用SVG作爲後備，只需檢查他們的「IE9支持」複選框。

如果你確實需要IE8中的漸變（你不應該這樣做，因爲它們只能用於漸進增強），你可以使用IE's proprietary filter property，但要小心，因爲它很麻煩。

來源

2011-12-24 06:27:56

我已經添加了'-ms-'但它仍然沒有顯示，因爲多個背景不起作用 – 2011-12-24 06:33:10

-ms-前綴用於IE10支持，據我所知。有一些專有的過濾器，IE9和一些舊版本支持 - 你可能想看看那些。 – Dmitriy 2013-03-20 10:08:50

@Dmitriy IE10支持無前綴的漸變。不需要'-ms-'前綴。回答編輯。 – 2013-03-20 19:24:55

IE9支持多背景圖片，但不是多個背景元素的混合。你的問題是圖像和漸變。

另外-ms-不對任何屬性的CSS兼容性做任何事情。

來源

2011-12-24 07:35:49 Scott

術語「背景元素」是錯誤的。線性漸變只是一個*生成的背景圖像。 – PointedEars 2011-12-24 07:44:44

@PointedEars - 我不得不不同意。「元素」指的是任何數量的項目，漸變，圖像，顏色.... – Scott 2011-12-24 08:00:19

我建議使用「值」，因爲「元素」已經採用標記語言，CSS正在格式化。 – PointedEars 2011-12-24 12:06:23

IE 9 CSS梯度與圖像在後臺不工作

回答

相關問題