如何在一個(gè)擁有背景色的DIV上摳出一塊透明的區(qū)域

border設(shè)置顏色，content設(shè)置成透明色，不知這樣行不行

一般這樣的需求可以通過，1）在div中添加一個(gè)元素，例如span或者其他標(biāo)簽，然后將這個(gè)元素的背景色設(shè)置成白色，這樣看起來就會(huì)有一款透明的區(qū)域了，或者使用opacity：0.8來設(shè)置
2）也可以使用偽類：：after通過控制邊框來控制樣式即可

不要想直接獲取結(jié)果，你可以拼接幾個(gè)div,或者使用canvas

如果是 CSS 的背景色，不可能。（或者有某些我不知道的 CSS 新功能）
如果只是實(shí)際效果，那么使用 svg 來實(shí)現(xiàn)這個(gè)“背景色”就有辦法了。（具體去搜索 svg mask）

我的想法：
將div設(shè)置position:relative屬性；
透明區(qū)域的背景設(shè)置透明并保持相對(duì)定位。

我能想到的就是給div設(shè)置純色背景圖，只是背景圖的某一區(qū)域是透明的