.nav?li::before,
.nav?li::after{
?content:"";/*在li之間插入空內容*/
?position:absolute;/*相對于li標簽*/
?/*定位分割線的位置大小*/
?top:14px;
?height:?25px;
?width:?1px;
}
.nav?li::after{
??right:?0px;
??background:?-moz-linear-gradient(top,?rgba(255,255,255,0),?rgba(255,255,255,.2)?50%,?rgba(255,255,255,0));
??background:?-webkit-linear-gradient(top,?rgba(255,255,255,0),?rgba(255,255,255,.2)?50%,?rgba(255,255,255,0));
??background:?-o-linear-gradient(top,?rgba(255,255,255,0),?rgba(255,255,255,.2)?50%,?rgba(255,255,255,0));
??background:?-ms-linear-gradient(top,?rgba(255,255,255,0),?rgba(255,255,255,.2)?50%,?rgba(255,255,255,0));
??background:?linear-gradient(top,?rgba(255,255,255,0),?rgba(255,255,255,.2)?50%,?rgba(255,255,255,0));
}
2016-04-16
只有部分漸變是因為.nav?li::after里面設置了height 和width；
?background:?linear-gradient(top,?rgba(255,255,255,0),?rgba(255,255,255,.2)?50%,?rgba(255,255,255,0));
意思是透明度為0的白色向上漸變為透明度為0.2的白色，再向上漸變為透明度為1的白色，其中中間臨界點為50%；