Непрозрачность фильтра IE8

Question

Я пытаюсь установить непрозрачность элемента.Я устанавливаю его на 0, и он зависает под указателем мыши, который используется для довольно продвинутого отслеживания кликов.

Отлично работает во всех браузерах, кроме IEВ IE 8, когда непрозрачность фильтра установлена ​​в 0, элемент действует так, как будто его отображение: нет.Я также пытался использовать:

$('#tracking').css('opacity',0)

Я думал, что это может сработать, но делает то же самое.

Answer 1

Firefox, Chrome, Safari и т. Д. Используют «Непрозрачность», тогда как IE использует «Альфа».

Просто установите оба стиля:

$ («# tracking»). Css («непрозрачность»', 0) $ (' # tracking '). Css (' alpha ', 0)

Вы понимаете ...

Answer 2

С jQuery вы также можете использовать fadeTo, чтобы заставить вещи исчезать.Я не знаю, удобно ли это в вашей ситуации, но вы можете создавать красивые веб-сайты с ним:

$("#myelement").stop().fadeTo('fast', 0.000001);

Это также работает в Internet Explorer.Дополнительная информация: http://api.jquery.com/fadeTo/

Answer 3

Я не использую Jquery, поэтому я не знаю, полезен ли вам этот код.Но это работает.

function getOpacity(target){
    if(target.currentStyle)
    {
        if(!target.filters.alpha) target.style.filter = "alpha(opacity=100)";
        return Number(target.filters.alpha.opacity) / 100;
    }else{
        return Number(document.defaultView.getComputedStyle(target,null).opacity);
    }
}

function setOpacity(target,opacity){
    if(target.style.opacity || target.style.opacity == "")
    {
        target.style.opacity = opacity;
    }else if(target.style.filter || target.style.filter == "")
    {
         target.filters.alpha.opacity = parseInt(opacity * 100);
        }

}