在这个示例页面中看到灰色的条形。
这导致:
这是我尝试使用CSS3重新创建那个渐变效果的结果 - 同时使用CSS3PIE:
#navigation {
border: 1px solid #888888;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
height: 50px;
font-family: Arial;
background: #AAAAAA;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#AAAAAA), to(#757575));
background: -webkit-linear-gradient(#AAAAAA, #757575);
background: -moz-linear-gradient(#AAAAAA, #757575);
background: -ms-linear-gradient(#AAAAAA, #757575);
background: -o-linear-gradient(#AAAAAA, #757575);
background: linear-gradient(#AAAAAA, #757575);
-pie-background: linear-gradient(#AAAAAA, #757575);
behavior: url(/Public/stylesheets/PIE.htc);
}
这导致:
如何降低出血效应,使颜色过渡更加明显?