CSS背景渐变在Google Chrome中不起作用

我正在使用下面的CSS来尝试在大多数浏览器中显示垂直背景渐变

它可以在Firefox中正常工作，但不能在Chrome中显示

您可以看到我试图在的页脚部分应用渐变的位置

如何在Chrome中实现这一点？

使用生成CSS渐变，这是从

2222222

渐变到

111111

的CSS，支持所有浏览器：

background: #222222;
background: -moz-linear-gradient(top, #222222 0%, #111111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
background: -webkit-linear-gradient(top, #222222 0%,#111111 100%);
background: -o-linear-gradient(top, #222222 0%,#111111 100%);
background: -ms-linear-gradient(top, #222222 0%,#111111 100%);
background: linear-gradient(to bottom, #222222 0%,#111111 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#111111',GradientType=0 );

---

这是。

对于meLooks来说，它看起来全是黑色的，我觉得很好：尽管有非常微妙的渐变。。。

中的

测试

文本为纯黑色。因此，通过能够看到它，你知道它背后的颜色比黑色要浅。明白了。我想我没注意到。如果你用一种更亮的颜色作为开始或停止的颜色，这将更能说明你想要展示的功能……太棒了，我想这只是我的互联网连接，主要是基于卫星的，我无法让它在chrome上显示10分钟，但我现在看到了，我认为你是对的闪电般的飞起来，看效果更好=）我只是有点像个疯子，看设计在哪里lol我需要设置滑块和一个标志，以形象化我希望整体布局如何结合起来我会继续玩渐变和阴影谢谢回应伙计=）谢谢回答和洞察力danny我不会我想点击它=）CSS没有问题：你的代码在所有浏览器中都能正常工作！

background: #222222;
background: -moz-linear-gradient(top, #222222 0%, #111111 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#222222), color-stop(100%,#111111));
background: -webkit-linear-gradient(top, #222222 0%,#111111 100%);
background: -o-linear-gradient(top, #222222 0%,#111111 100%);
background: -ms-linear-gradient(top, #222222 0%,#111111 100%);
background: linear-gradient(to bottom, #222222 0%,#111111 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222222', endColorstr='#111111',GradientType=0 );