应用于同一长页面时出现CSS3 Gradient问题

时间:2014-11-21 12:24:46

标签: css css3 linear-gradients

我想用相同的渐变创建页眉和页脚。我使用下面的代码来实现相同的功能。 但是当我在任何浏览器中查看它时,我认为我在页脚中使用了相同的颜色,页眉和页脚之间的距离增加时,页脚渐变变浅。

<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>

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

感谢。

2 个答案:

答案 0 :(得分:0)

它不是一个编码问题,它的视角,如果你使用相同的css颜色和页眉和页脚的代码,它们是相同的。尝试站起来,从屏幕顶部看。您应该看到标题更暗,页脚更亮。

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

答案 1 :(得分:-1)