应用于同一长页面时的 CSS3 渐变问题

Question

我想创建具有相同渐变的页眉和页脚。我使用下面的代码来实现相同的目的。 但是当我在任何浏览器中查看它时，以为我在页脚中使用了相同的颜色，随着页眉和页脚之间距离的增加，页脚渐变的阴影变得更浅。

<div style="
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FBB511, endColorstr=#F6941C);
background: -webkit-gradient(linear, left top, left bottom, from(#FBB511), to(#F6941C));
background: -moz-linear-gradient(top, #FBB511, #F6941C);
background: -ms-linear-gradient(top,  #FBB511 ,#F6941C); width:1000px; height:40px"></div>

某种渐变清除或什么可以帮助解决这个问题？ 我该如何解决这个问题？

谢谢。

Answer 1

这不是编码问题，而是 View 透视图，如果您对页眉和页脚使用了相同的 css 颜色和代码，则它们是相同的。试着站起来从屏幕上方看。您应该会看到页眉颜色变深，页脚颜色变浅。

为了确认，您可以创建两个位置固定的并排标签，并查看页脚是否与页眉匹配。