Q

IE9漸變使用-ms

html
css

2012-03-13 120 views 0 likes

0

任何人都知道我可以如何使這項工作在IE9。最頂級的一個在Firefox中效果很好，但是當我爲IE9添加第二個時它不起作用。任何想法我做錯了。IE9漸變使用-ms

background: -moz-linear-gradient(top, rgba(117,117,117,1) 0%, rgba(111,111,111,1) 5%, rgba(102,102,102,1) 11%, rgba(39,39,39,1) 42%, rgba(28,28,28,1) 50%, rgba(0,0,0,1) 53%, rgba(0,0,0,1) 100%); /* FF3.6+ */ 

    background: -ms-linear-gradient(top left, rgba(117,117,117,1) 0%, rgba(117,117,117,1) 5%,rgba(102,102,102,1) 11%, rgba(39,39,39,1) 42%, rgba(28,28,28,1) 50%, rgba(0,0,0,1) 53%, rgba(0,0,0,1) 100%);

我不想使用PIE。

2012-03-13 Chapsterj

+1

IE9不會這樣做漸變 - IE10可能會。你需要爲IE9使用'filter';看到[這個問題]（http://stackoverflow.com/questions/3934693/gradients-in-internet-explorer-9） – Gareth 2012-03-13 20:07:13

+0

那麼我怎麼才能得到上述效果使用過濾器。你能給我一個匹配-moz的例子嗎？我需要能夠添加多個站點。謝謝 – Chapsterj 2012-03-13 20:16:48

A

回答

1

嘗試了這一點 - Ultimate CSS Graident Generator

點擊「IE9支持」複選框，在頁面的右下角。

2012-03-13 20:07:46 zgood

+0

你能解釋一下SVG加載的圖片嗎？ mage/svg + xml; base64，PD94bWwgdmVyc .........）這是什麼以及它是如何工作的。 – Chapsterj 2012-03-13 22:18:45

0

IE9不支持漸變 - 只有IE10：http://caniuse.com/#search=gradient

相反，我建議使用這樣的事情，加快IE編碼：http://www.bradshawenterprises.com/blog/2010/dynamically-drawing-gradients-with-php/

我通常用它來生成的PNG漸變爲我，然後將其設置爲第一個背景，然後在CSS漸變之後再添加一個屬性。這使它可以在所有不支持漸變的舊版瀏覽器中運行，而不僅僅是IE。

這也意味着，當規範改變時，我的網站仍然工作。

另外，使用http://css3pie.com/，雖然我不喜歡它的畢業。

2012-03-13 20:08:25

0

正如其他答案所述，-ms前綴是針對IE10 +的。 IE9不再支持舊的filter語法，所以你實際上不能用純CSS渲染任何漸變。

對此的一種解決方案是使用SVG漸變爲background-image屬性。 http://css3wizardry.com/2010/10/29/css-gradients-for-ie9/

2012-03-13 20:16:52 zim2411

相關問題