线性渐变在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中的完整渐变，但这不是什么大不了的，只是表面化妆。它比它所做的要好。