css 实现新手引导
初步方案：
利用 css 的 border 属性，创建一个无限大的 border
css
复制代码
border:9999px solid rgba(0,0,0,0.75);
该方法有个缺点，就是无论box-sizing设成什么值，都无法很好的定位该元素
第二个方案：
利用 css 的 outline 属性，同理创建一个无限大的 outline outline 与 border 差不多，不过 outline 不占据空间
css
复制代码
outline: 9999px solid rgba(0,0,0,0.5);
该方法也有个明显的不足，没有类似于 border-radius 的属性，只能创建方形的 outline，不能创建圆角，如下图所示
终极方案：
box-shadow
用box-shadow来创建一个无限大的投影，代码如下：
css
复制代码
box-shadow:0 0 0 9999px rgba(0,0,0,0.75);
作者：rei_akaziki
链接：juejin.cn/post/684490…
来源：稀土掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
