Свойство непрозрачности в IE

Question

Curvy Corners - это библиотека JavaScript, которая позволяет IE понимать CSS-свойство границы радиуса. Есть ли подобная библиотека JavaScript, которая делает это для свойства opacity? ie9.js может сделать это, но он не применяется самостоятельно после асинхронного обновления DOM.

Answer 1

Здесь есть несколько решений непрозрачности IE: http://www.impressivewebs.com/css-opacity-reference/. В основном:

#myElement {
  filter: alpha(opacity=40);
}

Есть также упомянутые решения javascript, включая то, что предложил Пэт. Более подробно об этом можно узнать по ссылке выше.

Answer 2

Вы можете использовать что-то вроде jQuery, чтобы самостоятельно создать простой патч:

$('.your-elem').each(function(){
    $(this).css({opacity: 0.5});  // sets all elements with class .your-elem to 50% opacity
});

Если исправление непрозрачности, к которому вы стремитесь, необходимо применить к PNG, то я обнаружил, что Исправление PNG для единиц работает очень хорошо. Это говорит только для IE6, но я использовал его через 6, 7 и 8 без проблем.

Приведенное выше исправление также позволяет плавно анимировать непрозрачность PNG, если этот PNG содержится в элементе, для которого настраивается непрозрачность (без этого вы получите неприятную черную рамку во время изменения):

Разметка

<div id="opacity-change">
    <img src="some.png" />
</div>

JQuery

$("#opacity-change").css({opacity: 0});
$("#opacity-change").fadeIn();