利用css3的linear-gradient。
e.g.中间透明
background-image: linear-gradient(red, red 25%, transparent 25%, transparent 75%, red 75%, red 100%), linear-gradient(to right, red, red 25%, transparent 25%, transparent 75%, red 75%, red 100%);
e.g.底部透明
background-image: linear-gradient(0deg, transparent 0, transparent 86px,white 86px, white 100%);>
参考:
https://zhidao.baidu.com/question/1518133953545840780.html