Question

我试图设置元素的不透明度。我将其设置为0并将其悬停在鼠标指针下方，该指针用于进行一些非常高级的点击跟踪。

除IE之外的所有浏览器都可以正常工作。在IE 8中，当过滤器不透明度设置为0时，该元素的行为就像它的display：none一样。我也尝试过使用：

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

我认为这样做可能会奏效，但也会这样做。

Answer 1

Firefox，Chrome，Safari等使用'Opacity'，因为IE使用'Alpha'。

只需设置两种样式：

$（ '＃跟踪'）。CSS（ '不透明度'，0） $（ '＃跟踪'）。CSS（ '阿尔法'，0）

你明白了......

Answer 2

我没有使用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);
        }

}

Answer 3

使用jQuery，你也可以使用fadeTo来使事情褪色。我不知道你的情况是否方便，但你可以用它创建漂亮的网站：

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

这也适用于Internet Explorer。更多信息：http://api.jquery.com/fadeTo/

过滤不透明度IE8

3 个答案: