css须知
background-clip属性
rgba()和hsla()的区别
border边框透明
接手项目需要 border边框透明,如下图:
当然图是网上扒的,因为公司项目签过保密协议,不能瞎搞。我再经手做项目的时候用rgba()来实现的,但是结果不尽人意,啥也不是,边框没有了。
着实让人头疼,不过还好,我们有别的解决方法,兵来将挡水来土掩,活人还能让尿憋死不成。
解决方法
通过 background-clip 属性并设置值为 padding-box,这样浏览器会用内边距的外沿把背景裁切掉。
废话少说,直接上demo
<!DOCTYPE html>
<html>
<head>
<meta charset=