Javascript 背景不透明度（使用RGBA）

我想在这里把事情简单化，但这让我感到困惑

如果我的css中有这个

.body {
    width: 150px; height: 40px; padding: 20px;
    background-color: rgba(255,0,0,1);  text-align: center;
    border: 1px solid black;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    display: block; top: 50px;
    font-weight: bold; font-size: 25px;
}

当你点击一个按钮时，我想改变不透明度，我的HTML中有：

<button onclick="lessColour()">-Colour</button>

-颜色

---

如何创建此lessColour（）函数，以便每次单击按钮时，它都会将rgba中的alpha值降低0.1？

rgba不使用进位。它的值介于0-1之间

rgba格式：

rgba([0-255], [0-255], [0-255], [0.00-1.00])

例如：

rgba(120, 200, 10, 0.80)

---

因为没有代码示例，所以它被否决了。你应该展示你所做的尝试。更好。当您发布文章时，请尝试添加代码，并展示您为找到解决方案所做的努力。另一方面，你的问题很快就会被否决，然后从网站上删除。我知道，如果你看到这张图片，我实际上正在使用它。@JoãoChokitu是的，我刚刚看过。我认为可能无法将标记的不透明度设置为小于1？因为它是“根”层。是的，我真的不知道该怎么做，你有办法改变颜色不透明度吗？@JoãoChokitu一定是body标签吗？也许用一个容器/包装器div保存应用程序的主要内容就可以了？但我不明白：为什么要在第一层设置不透明度？这背后什么都没有，所以没有意义，对吧？也许你可以给我更多关于这个项目的细节，我们可以看到一个不同的策略来处理它？