-ms-фильтр с использованием JavaScript

Question

Как мне реализовать -ms-фильтр в javascript?

Я пробовал следующее, которое не работает:

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-фильтр, используйте эти

Обратите внимание, что фильтр 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>

Answer 2

Попробуйте использовать атрибут cssText.

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

Answer 3

Первый вопрос, я думаю, вы можете сделать

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

А для вопроса 2 попробуйте вышеописанный метод.

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