更改某个元素的不透明度 - 这个例子演示了如何使用JavaScript来改变元素的不透明度。 - 在线编辑器

CSS 参考手册
CSS3 opacity 属性
更改某个元素的不透明度 - 这个例子演示了如何使用JavaScript来改变元素的不透明度。

          <!DOCTYPE html>
<html>
<head>
  <script>
    function ChangeOpacity(x) {
      // Return the text of the selected option
      var opacity = x.options[x.selectedIndex].text;
      var el = document.getElementById("p1");
      if (el.style.opacity !== undefined) {
        el.style.opacity = opacity;
      } else {
        alert("Your browser doesn't support this example!");
      }
    }
  </script>
</head>
<body>

  <p id="p1">Select a value from the list below, to change this element's opacity!</p>
  <select onchange="ChangeOpacity(this);" size="5">
  <option />0
  <option />0.2
  <option />0.5
  <option />0.8
  <option selected="selected" />1
</select>

</body>
</html>
        