線性漸變在IE10演技「怪異」

Question

這裏是一個小提琴：

http://jsfiddle.net/e80fen4p/2/

編輯：您可以只突出顯示所有結果DIV的，你會看到的顏色改回他們應該是。我猜這是沒有解決的。如果僅僅通過強調它就可以「修復」它，那麼代碼可能不是問題。

基本上，它在IE11和Chrome和Firefox中按照預期工作，但是如果你在IE10中做這個小提琴，你會注意到當子div slideToggles時，背景顏色在子div中重新開始，而不是擴展到包含子div隨着它的擴展。

如果你在IE10中試試這個小提琴你應該明白我的意思。在所有其他瀏覽器中它看起來很正常。

我想知道是否有什麼我可以做的修改我的CSS代碼，使其在IE10中也能正常工作。

我已經試過：

background-image: -ms-linear-gradient(top, #FFFFFF 0%, #A4A4A4 100%); 

，但它仍然沒有做任何事情在IE10不同。 我用它的正常方式是

background: linear-gradient(#FFFFFF, #A4A4A4); 

這在IE11和所有其他瀏覽器上運行。它似乎只是IE10，讓我通過一個循環。

奇怪的部分是，如果我打開開發人員工具並突出顯示任何div的顏色，重置顏色並看起來像是在div展開時應該看起來那樣。對我來說，這顯然是IE10在第一次運行代碼時顯示它的錯誤。

任何事情我能做的還是隻是IE10人們會看到它稍有不同。這個錯誤並不會阻止我的代碼運行或者網頁變得可用，這隻會讓它看起來很奇怪。

Answer 1

我說：

height: 100%; 
margin: 0; 
background-repeat: no-repeat; 
background-attachment: fixed; 

，並開始工作。它不完美，並不完全相同，但至少它的工作。

不同之處在於它的最小化（slideToggled）它只顯示div的顏色的頂部，它不顯示最小化的div中的完整漸變，但這不是什麼大不了的，只是表面化妝。它比它所做的要好。