今天小弟做一个幻灯片js用了一下滤镜属性,发现只能兼容ie,另外这个滤镜的含义我也不是很懂,就各位大哥解析下!!!FILTER: progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward');
有没有大哥讲解一下这个滤镜的意思,和参数
还有配合js用的时候,兼容ie、谷歌、火狐等浏览器的写法!!

解决方案 »

  1.   

    最好不用滤镜,不是所有滤镜其他浏览器都支持,透明滤镜是支持最广泛的,不过写法也不一样。。<div style="width:200px;height:200px;background:#000;filter:alpha(opacity=30);opacity:0.3"></dQiv>
      

  2.   

    版主我想让这个效果展现下,就是js写出来后没效果了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <style>
    #div1 {width:400px;height:400px;margin:0 auto;font-size:18px;line-height:400px;text-align:center;background:red;}
    </style>
    <script>
    if(window.attachEvent)
    {
    window.attachEvent('onload',div);
    }
    else
    {
    window.addEventListener('load',div,false);
    }
    function div()
    {
    var oDiv=document.getElementById('div1');;
    setInterval(function (){
    oDiv.filters[0].Apply();
    oDiv.filters[0].Play(duration=5);
    },1000);
    }
    </script>
    </head><body>
    <div id="div1" style="filter:progid:DXImageTransform.Microsoft.Wipe(GradientSize=1.0, wipeStyle=0, motion='forward');">渐变透明演示</div>
    </body>
    </html>
      

  3.   

    IE浏览器滤镜大全,里面有示例,用IE浏览器运行查看效果和获得代码