Html 正确高亮显示具有透明径向渐变的正方形

我试图突出显示一个具有径向渐变效果的正方形。我创建了以下css规则：

.highlight-move {
    background-color: #75f547;
    background-image: -webkit-radial-gradient(center center, circle cover, #75f547, #fff 100%);
    background-image:         radial-gradient(center center, circle cover, #75f547, #fff 100%);    
}

问题是我的渐变不是透明的：因此我在正方形上有一个白色背景

我原以为我可以用rgba修复它，但正如你在小提琴中看到的，它不起作用。如何使渐变透明

---

另外一个重要的问题是不要在该颜色上突出显示该块：

实际上，您正在覆盖正方形本身的背景色，因此在这种情况下，

rgba（）

不会产生所需的效果

可以使用伪元素在正方形顶部应用渐变，如下所示：

。突出显示移动：之后{
内容：“；
位置：绝对位置；
顶部：0；底部：0；左侧：0；右侧：0；/*设置父对象的尺寸*/
背景#75f547；
背景：-webkit径向梯度（中心、圆覆盖、rgba（117、245、71、1）、rgba（255、255、255、0）100%）；
背景：径向梯度（中心，圆覆盖，rgba（117，245，71，1），rgba（255，255，255，0）100%）；
}

谢谢。这真是太棒了，但还有其他方法可以实现吗？问题是，它还突出显示了该颜色上的作品：。“对不起，我没有考虑过。”“萨尔瓦多达利：是的，有。但是，您可以通过向片段添加更高的

z-index

来解决此问题，如下所示：

。突出显示move img{position:relative；z-index:2；}

。你太棒了。谢谢。另一个解决方案是为两种背景颜色不同的单元格创建两个类。在每种情况下，您都必须使用单元格的背景色更改

rgba（255，255，255，0）

。