如何添加过滤器：使用 javascript 的 alpha？答案

【问题标题】：How to add filter: alpha using javascript?如何添加过滤器：使用 javascript 的 alpha？
【发布时间】：2016-03-07 15:06:16
【问题描述】：

如何添加过滤器：使用 javascript 的 alpha ？

为了不透明度，我使用此代码。效果不错。

<div id="5">test</div>
<script>
document.getElementById("5").style.opacity = "0.5";
</script>

我尝试像这样使用filter: alpha 但不起作用，我该怎么做？

对我来说

<div id="5">test</div>
<script>
document.getElementById("5").style.filter = "alpha(opacity=30)";
</script>

但不起作用。

【问题讨论】：

【解决方案1】：

你需要使用 CSS。

document.getElementById("5").setAttribute("style","opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=30)");

它适用于 FireFox、Chrome 和 IE。

【讨论】：

【解决方案2】：

给你：

var element = document.getElementById('5');
element.style.opacity = "0.3";
element.style.filter  = 'alpha(opacity=30)';

【讨论】：