有没有办法用JavaScript修改CSS背景颜色的不透明度值？

当然可以！你可以使用JavaScript来修改CSS背景颜色的不透明度值。这里有一个简单的例子，演示如何使用JavaScript修改HTML元素的背景颜色和透明度：

首先，在HTML中创建一个元素，例如一个<div>，并为其设置一个ID，以便我们在JavaScript中引用它：

<!DOCTYPE html>
<html>
<head>
<style>
  #myDiv {
    background-color: red;
    width: 200px;
    height: 200px;
  }
</style>
</head>
<p>点击按钮更改背景颜色的透明度：</p>
<button onclick="changeOpacity()">点击我</button>
<div id="myDiv"></div>

<script>
  function changeOpacity() {
    var myDiv = document.getElementById("myDiv");
    myDiv.style.backgroundColor = "rgba(255, 0, 0, 0.5)";
  }
</script>
</html>

在这个例子中，我们有一个名为myDiv的<div>元素，其背景颜色设置为红色。我们还有一个按钮，当点击该按钮时，会调用changeOpacity()函数。

在<script>标签中，我们定义了changeOpacity()函数。在这个函数中，我们首先通过getElementById()方法获取myDiv元素。然后，我们将该元素的backgroundColor样式属性设置为一个新的RGBA颜色值，其中前三个参数表示红、绿、蓝颜色分量（这里我们保持红色不变），最后一个参数表示透明度（范围为0到1，0表示完全透明，1表示完全不透明）。在这个例子中，我们将透明度设置为0.5，使背景颜色半透明。

通过这种方式，你可以使用JavaScript动态地修改任何HTML元素的背景颜色和透明度。