javascript - -ms-filter 与 javascript

Question

如何在 javascript 中实现 -ms-filter？

我尝试了以下方法，但不起作用:

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

另一个问题。如果我想更改元素的字体颜色，我使用了以下内容(再次适用于除 IE8 之外的所有内容):

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

Answer 1

这是您的引用资料:

http://msdn.microsoft.com/en-us/library/ms532847(VS.85).aspx

如果你想使用-ms-filter，使用这些

请注意，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>