首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >-ms-filter with javascript

-ms-filter with javascript
EN

Stack Overflow用户
提问于 2010-07-02 01:42:27
回答 3查看 5K关注 0票数 2

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

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

代码语言:javascript
复制
document.getElementById(ba[i]).style.sFilter = 
      'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + value*10 + ')';

另一个问题。如果我想改变一个元素的字体颜色,我使用了以下方法(除了IE8之外,它同样适用于所有东西):

代码语言:javascript
复制
document.getElementById(ba[i]).style.color = '#B4D8FD';
EN

回答 3

Stack Overflow用户

发布于 2010-07-02 01:45:27

这是你的推荐信:

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

如果要使用-ms-filter,请使用以下命令

请注意,css过滤器必须在项上定义为内联样式属性或通过类定义,否则无法访问filters.item属性!!

一些示例代码:

代码语言:javascript
复制
<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>

这不会起作用:

代码语言:javascript
复制
<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>
票数 6
EN

Stack Overflow用户

发布于 2010-07-02 01:47:55

尝试使用cssText属性。

代码语言:javascript
复制
document.getElementById(ba[i]).cssText = 'color:#B4D8FD; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=' + value*10 + ');';
票数 1
EN

Stack Overflow用户

发布于 2010-07-02 01:48:56

我认为你能做的第一个问题

代码语言:javascript
复制
document.getElementById(ba[i]).style['-ms-filter'] = 'progid:DXImageTransform.Microsoft.Alpha(Opacity=' + value*10 + ')';

对于问题2,也可以尝试上面的方法。

代码语言:javascript
复制
document.getElementById(ba[i]).style['color'] = '#B4D8FD';
票数 -2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3160295

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档