css - IE10 中的线性渐变 "weird"

Question

这是一个 fiddle :

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

编辑:您可以突出显示所有结果 div，您会看到颜色变回它们应有的颜色。我猜这没有解决办法。如果仅通过突出显示它就可以很容易地“修复”它，那么它可能不是代码的问题。

基本上它在 IE11、chrome 和 Firefox 中按预期工作，但如果您在 IE10 中执行此操作，您会注意到当子 div slideToggles 时，背景颜色在子 div 中重新开始，而不是扩展到包括子 div扩展时的 div。

如果你在 IE10 中尝试这个 fiddle ，你应该明白我的意思。它在所有其他浏览器中看起来都是正常的。

我想知道是否可以修改我的 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 中的完整渐变，但这没什么大不了的，只是装饰性的。它比它做的更好。