半透明边框

初始代码

border: 10px solid hsla(0,0%,100%,.5); 
background: white;

会导致边框消失

疑问:hsla是什么一种颜色 还是一种其他属性

改进

border: 10px solid hsla(0,0%,100%,.5); 
background: white;
background-clip:padding-box;(+)

透明是因为边框被背景色覆盖了,解决办法,使用css3background-clip:padding-box;这样背景区域超出内边距区域的会被截断 边框最终显现。