javascript - 如何在 Javascript 中动态更改图像不透明度

Question

我使用以下代码在 Javascript 中设置图像透明度，但它仅适用于 Internet Explorer(在 FireFox、Opera、Safari 和 Google Chrome 中，它仍然不透明):

img = new Image();

img.src = "...";

img.style.filter       = "alpha(opacity=75);";
img.style.MozOpacity   = "0.75;";
img.style.opacity      = "0.75;";
img.style.KhtmlOpacity = "0.75;";

你能帮忙吗？

Answer 1

问题在于字符串中的 ;，浏览器假定它是值的一部分，因此会导致无效数字。

您可以仅使用一个数字作为opacity 属性:

img.style.filter       = "alpha(opacity=75);";
img.style.MozOpacity   = 0.75;
img.style.opacity      = 0.75;
img.style.KhtmlOpacity = 0.75;