-使用javascript的ms过滤器

如何在javascript中实现-ms过滤器

我尝试了以下不起作用的方法：

document.getElementById(ba[i]).style.sFilter = 
      'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + value*10 + ')';

另一个问题。如果我想更改某个元素的字体颜色，我使用了以下方法，除IE8外，其他方法都适用：

document.getElementById(ba[i]).style.color = '#B4D8FD';

---

这是你的参考资料：

如果要使用-ms过滤器，请使用这些

请注意，css筛选器必须在项目处定义为内联样式属性或由类定义，否则无法访问filters.item属性

一些示例代码：

<style>
.macska 
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter:alpha(opacity=100);
}
</style>

<div id="xxx" style="background-color: #CCC; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100)" class="macska">
CONTENT
</div>

<script>
o = document.getElementById('xxx');
o.filters.item("DXImageTransform.Microsoft.Alpha").opacity = 20;
</script>

这行不通：

<style>
.macska 
{
    opacity:1;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
    filter:alpha(opacity=100);
}
</style>

<div id="xxx" style="background-color: #CCC;>
CONTENT
</div>

<script>
o = document.getElementById('xxx');
o.filters.item("DXImageTransform.Microsoft.Alpha").opacity = 20;
</script>

尝试使用cssText属性

document.getElementById(ba[i]).cssText = 'color:#B4D8FD; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=' + value*10 + ');';

---

我想你能做的第一个问题

document.getElementById(ba[i]).style['-ms-filter'] = 'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + value*10 + ')';

对于问题2，请尝试上述方法

document.getElementById(ba[i]).style['color'] = '#B4D8FD';

---

在IE:document.getElementByIdba[i]中不起作用。样式['-ms filter']