Javascript 透明图像-在JS中可能吗？

可以在javascript中设置任何图像的透明度吗？ 我该怎么做

是的

使用：

---

如果使用纯javascript，则应该可以：

function SetOpacity( imageid, opacity ) {
    var s= document.getElementById(imageid).style;
    s.opacity = ( opacity / 100 );
    s.MozOpacity = ( opacity / 100 );
    s.KhtmlOpacity = ( opacity / 100 );
    s.filter = 'alpha(opacity=' + opacity + ')';
}

调用人：

SetOpacity（'myImg'，50）//半透明

---

您使用的是任何javascript库/框架，还是仅仅是vanilla JS？对我来说，JS是原始javascript。所以我没有使用任何。将变量用于opacity/100会更有效：var decentbrowservacityvalue=opacity/100，或者让opacity为0-1之间的值，并使用s.filter='alpha（opacity='+（opacity*100）+'）@Kooilnc-可能，1个变量赋值和1个除法是否比3个除法便宜？我不确定，但我打赌这是一个无穷小的差异。在这种情况下，您的大部分工作是浏览器的渲染引擎，使图像透明……变量分配的区别在于一个微优化，可以说它使代码可读性降低，因此我倾向于避开这些简单的情况。@尼克·克雷弗-它确实是微的，但你知道它是怎样的：许多微型计算机往往会制造出一个大的。另一点可能是函数的“microsoft面向性”，我在OR子句中提到了这一点。嗯，我想这是品味的问题。有必要吗？对于Firefox，我一直在CSS中使用

opacity

，而不是

-moz opacity

，效果很好。@Kooilnc-如果我想要优化和真正的跨浏览器支持，我会使用jQuery…我确实这么做：）通常我同意优化会在大局中得到回报，但在这种情况下不是这样，自己测试：用150万除法运行这50万次可以节省整整百分之二十秒：）在这种情况下，它非常微小，不太可能带来任何明显的好处……并且会导致可读性大大降低的代码。它将为试图弄清发生了什么的用户节省2秒钟的时间，可能比函数在其生命周期内所能节省的时间还要多：）

function SetOpacity( imageid, opacity ) {
    var s= document.getElementById(imageid).style;
    s.opacity = ( opacity / 100 );
    s.MozOpacity = ( opacity / 100 );
    s.KhtmlOpacity = ( opacity / 100 );
    s.filter = 'alpha(opacity=' + opacity + ')';
}