Opera 11.11，多個背景，漸變和現代化問題

Question

我在多個背景有一些奇怪的問題。我使用線性漸變，徑向漸變和重複的gif圖片的組合來製作頁面的背景。 這裏是我分配給主容器的CSS（第一體內）：

background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 75%, rgba(0,0,0,.8) 100%),            -moz-radial-gradient(95% 5%, circle farthest-side, rgba(255,255,255,.3) 0%,rgba(255,255,255,.0) 50%),  url("../img/bodyBackground.gif"); 
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(75%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,.8))), -webkit-radial-gradient(95% 5%, circle farthest-side, rgba(255,255,255,.3) 0%,rgba(255,255,255,.0) 50%), url("../img/bodyBackground.gif"); 
    background-image: -o-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,.8) 100%),             -o-radial-gradient(95% 5%, circle farthest-side, rgba(255,255,255,.3) 0%,rgba(255,255,255,.0) 50%),  url("../img/bodyBackground.gif"); 
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,.8) 100%),             -ms-radial-gradient(95% 5%, circle farthest-side, rgba(255,255,255,.3) 0%,rgba(255,255,255,.0) 50%),  url("../img/bodyBackground.gif"); 
    background-image: linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,.8) 100%),              radial-gradient(95% 5%, circle farthest-side, rgba(255,255,255,.3) 0%,rgba(255,255,255,.0) 50%),   url("../img/bodyBackground.gif"); 
    background-repeat: no-repeat, no-repeat, repeat; 

我用css3generator它，所以我幾乎可以肯定，梯度確定。 接下來，我使用modernizr爲ald瀏覽器創建回退。這種風格被分配到容器中，如果是n面。沒有-JS，。沒有-multiplebgs或。沒有-cssgradients HTML：

background-image: url("../img/bodyBackground.gif") 

所有瀏覽器似乎很好地工作，IE9回落正確，但歌劇。 ..我在Opera 11.11中測試，並沒有顯示任何背景。 modernizr同時表示它具有多個背景和css漸變特徵。我只是無法找出我做錯了什麼。

Look at my site please, and help!

Answer 1

我想我可以幫一點（恰好碰到了同樣的問題）...：

歌劇截至目前只支持線性漸變（見here，注意，徑向漸變; Mar2011）。爲了獲得線性部分在您的示例工作，你需要添加一個點不透明度0，像這樣：

-o-linear-gradient(top, rgba(0,0,0,0) 75%,rgba(0,0,0,.8) 100%), 

成這樣：

-o-linear-gradient(top, rgba(0,0,0,.0) 75%,rgba(0,0,0,.8) 100%), 

您可以添加線性漸變作爲背景圖像就像普通圖片，所以我想我們只需要等待徑向漸變支持。

乾杯

編輯：試試這個link展示如何通過SVG使徑向漸變的歌劇。