2012-11-23 49 views
1

我有以下代碼:背景沒有顯示在IE9除非梯度被禁用

body{ 
    font-family : Arial, helvetica, verdana; 
    background: url('../images/waves.png'); 
    background-position: 50% 0%; 
    background-repeat: no-repeat; 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80848c', endColorstr='#ffffff',GradientType=0); /* IE6-9 */ 
} 

,結果在IE9是,梯度被渲染並且圖像不顯示。 我已閱讀this question並按照最後一個字母。這個人能夠解決他的問題,但我失去了我缺少的東西。我所知道的是,如果我禁用漸變,它會顯示出來(在開發模式下) 該文檔使用html5文檔類型(如果有幫助)。

+0

完全不透明的漸變正被繪製在背景圖像上。期望的結果是什麼? – thirtydot

+0

我注意到,你必須在startColorstr中有8個digid:startColorstr =「#80848c88」。它的工作方式非常完美 – Savi

+0

過濾器/漸變實際上並不算作背景。我相當肯定它存在於不同的*層*上。我不認爲除了不使用它之外,你可以做任何事情。 – cimmanon

回答

1

你應該把2個額外的digids在startColorStr這樣的:

startColorstr="#80848c88" 

它將perfectrly工作。