2011-05-18 137 views
0

我使用了微軟的gradient generator生成以下:IE9 SVG漸變不工作

div.footer 
{ 
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxNDAiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNDQ0NDQ0MiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMC4zNSIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRUVFRUUiIG9mZnNldD0iMC42NSIvPjxzdG9wIHN0b3AtY29sb3I9IiNDQ0NDQ0MiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxNDApIiAvPgo8L3N2Zz4=); 
} 

當我檢查DOM好像它的工作,但我沒有看到頁面上的任何梯度。我應該設置別的東西嗎?

+0

嗯..我的第一個想法是'瀏覽器是否支持',但是檢查瀏覽器對SVG背景的支持,以及對於數據網址,*看起來像*你應該可以在IE9中使用。所以不知道爲什麼它不會工作。 – Spudley 2011-05-18 12:34:30

+0

這裏有一個想法 - 你是否檢查過瀏覽器沒有進入IE8或IE7兼容模式? – Spudley 2011-05-18 13:23:22

回答

1

你的DocType呢?你是否宣佈你的網頁爲HTML5/SVG?