CSS样式,关于兼容IE和FireFox透明的DIV设置

在IE里是这么设置的:

divobj.style.filter = ‘progid:DXImageTransform.Microsoft.Alpha(enabled=true, opacity=50, finishopacity=50, style=1, startx=0, finishx=0, starty=0, finishy=0)’

简单的写就是divobj.style.filter:alpha(opacity=80);

在FireFox里是这么写的:

style = ” -moz-opacity:0.8;”

或者

#divobj{
-moz-opacity:0.8;
}

我们想到什么?

我们要兼容IE和FF要怎么办呢??有一种显而易见的想法是首先先判断浏览器类型。这势必会检测出第三种了类型,比如opera之类的。那该怎么办?

其实对于Opera,小干暂时是一点办法都没有。

不过对于IE和FF而言,其实是不必做这一步处理的!我们完全可以写在一起,如:

#divobj{
filter :alpha(opacity=80);
-moz-opacity : 0.8;
}

这样就可以了!

为什么?

首先这样写是肯定可以的,小干已经测试过。对于这种写法的说法是“不同的浏览器会自己过滤那些自己无法解析的信息。”。那么就可以理解了,对于IE而言,他会解析第一句话;而对于FF而言他则会解析第二句话。

那么。。。。。。

很多时候我们做夸浏览器的时候,可以不必找那种两边都适应的方案,完全可以找个子相对应的解决方案,然后把它们合并在一起。

1 Response to CSS样式,关于兼容IE和FireFox透明的... »

  1. dfadf 评论 2009-12-07 12:45

    :lol: :cool: :D :) :( ;) :o hh: :cool: :mad:

    回复

Leave a Reply

Email address is not published

You should say a Chinese word to pass spam check. If you can not input Chinese, just copy 你好 and paste them into comment text box.