在ie9中獲得漸變停止的效果

我無法獲得上述效果。我需要梯度在中間突然停止。在IE9中這一切都順利 - 有光澤;/ 我在這裏生成的你梯度：http://www.colorzilla.com/gradient-editor/在ie9中獲得漸變停止的效果

添加：

<!--[if gte IE 9]> 
<style type="text/css"> 
.gradient { 
filter: none; 
} 
</style> 
<![endif]-->

沒有任何區別:(任何幫助讚賞！

來源

2013-10-18 Mag

我強烈建議使用[CSS3Pie（http://css3pie.com/）在IE9做CSS漸變和更早版本。 'filter'和SVG方法有一些嚴重的侷限性。 – Spudley

請勿使用過濾器for IE9。嘗試使用svg

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjczJSIgc3RvcC1jb2xvcj0iIzdkYjllOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkwJSIgc3RvcC1jb2xvcj0iIzgxZDdlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

只能過濾2點。

來源

2013-10-18 10:29:46 Anon

它不工作在我ie9 - 我沒有更新即所以我有原始的（ie9） - 也許這就是爲什麼？） – Mag

http://jsfiddle.net/vQ52T/ – Anon

嘗試使用！重要的禁用在ie9中過濾。您的選擇器可以在CSS中承載更多的權重。 – Anon

我personnaly此推薦發電機您的梯度：

SVG Gradient Background Maker

CSS：

background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MjEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMxRTU3OTkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMyOTg5RDgiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzIwN0NDQSIgb2Zmc2V0PSIwLjUiLz48c3RvcCBzdG9wLWNvbG9yPSIjN0RCOUU4IiBvZmZzZXQ9IjAuNSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c5MjEpIiAvPgo8L3N2Zz4=); 
background-size:cover;

這不會對IE8和下工作，但它的工作原理對於IE 9>，Chrome和Firefox。

background-size:cover;是一個修復firefox不重複漸變。

FIDDLE

來源

2013-10-18 10:38:52 EdenSource

它不工作在我ie9 - 我沒有更新即所以我有原創一個（ie9） - 也許這是爲什麼？） – Mag

在ie9中獲得漸變停止的效果

回答

相關問題