这种情况是绿色背景色没有被透上来
将小方块背景色改为红色,白色透明边框变成了红色透明边框,
综上两点,说明透明边框的颜色随着背景色而变化。注意是透明边框!
那么如何将绿色背景在透明边框中透明上来呢,,
用到 css3 的一个属性,,background-clip: border-box ,padding-box
border-box 表示在 border,padding,width 中将绿色背景裁掉
padding-box 表示在 padding,width 中将绿色背景裁掉
实例如下:
将上述加上此属性,则
绿色背景通过透明边框透明出来!
有疑问一起探讨学习呀,前端酱油芝士一枚!