3
请参见本例页面的灰色条: - :在如何在CSS3线性渐变中使渐变停止?
#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);
}
这个结果:
这是我在使用CSS3重新创建一个梯度尝试也使用CSS3PIE
如何减少出血效果,所以颜色过渡更难?
http://jsbin.com/isozod/edit#javascript,html,live – 2012-01-09 18:48:13
为什么不把它作为一个答案? – 2012-01-09 18:50:19
@roXon:该jsbin链接可以工作,但会中断PIE功能并且不再显示渐变边框半径。任何想法为什么它不工作? – 2012-01-09 19:01:41