如何在一个拥有背景色的DIV上抠出一块透明的区域

Question

如何在一个拥有背景色的DIV上抠出一块透明的区域?

Answer 1

不要想直接获取结果，你可以拼接几个div,或者使用canvas

Answer 2

border设置颜色，content设置成透明色，不知这样行不行

Answer 3

一般这样的需求可以通过，1）在div中添加一个元素，例如span或者其他标签，然后将这个元素的背景色设置成白色，这样看起来就会有一款透明的区域了，或者使用opacity：0.8来设置
2）也可以使用伪类：：after通过控制边框来控制样式即可

Answer 4

我的想法：
将div设置position:relative属性；
透明区域的背景设置透明并保持相对定位。

Answer 5

我能想到的就是给div设置纯色背景图，只是背景图的某一区域是透明的

Answer 6

如果是 CSS 的背景色，不可能。（或者有某些我不知道的 CSS 新功能）
如果只是实际效果，那么使用 svg 来实现这个“背景色”就有办法了。（具体去搜索 svg mask）