Question

我想在这里做一些简单的事情，但它让我感到困惑。

如果我在我的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？

Answer 1

rgba没有先例。它取0-1之间的值;

rgba格式：

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

示例：

rgba(120, 200, 10, 0.80)

背景不透明度（使用RGBA）

1 个答案: