****************** 如何使图片透明，可以看到背景******************

做成透明的gif或者用style的滤镜
.ChromaFilter { filter : Chroma(Color="#RGBColor") }

解决方案 »

  1.   


    style的滤镜怎样使用？我想做透明的图片在网页上来回飘动的效果。
      

  2.   

    style的滤镜怎样使用？我想做透明的图片在网页上来回飘动的效果。
      

  3.   

    飞来飞去是js代码实现。滤镜：
    <DIV ID="oFilterDIV" STYLE="position:absolute; top:50; left:10; width:240; height:160; padding:10px; font:bold 13pt verdana; background:green;
     filter:Alpha( Opacity=100, FinishOpacity=0, Style=1, StartX=0,  FinishX=100, StartY=0, FinishY=100)">
    这是测试文字~~<br>
    <img src="http://lucky.myrice.com/javabk1.jpg"></DIV>
      

  4.   

    做成透明的GIF吧用ChromaFilter 滤镜其实也要指定透明色,还不如直接透明如果没法透明就用net_lover说的Alpha滤镜来强制透明, 让Opacity值在0和100之间变飘来飘去用js改变图片的坐标就可以了如果是较复杂的移动用数学函数来产生坐标
      

  5.   

    下面是很常用的,用于图片连接透明度变化的函数:
    坐标变化的函数不用说了吧function fadein(obj)
     {
      o=obj; 
      clearID=setInterval("fadeObj(o)",50);
     }
       
    function fadeout(obj)
     {
      clearInterval(clearID);
      obj.filters.alpha.opacity=10;
     }
      
    function fadeObj(theobj)
     {
      if(theobj.filters.alpha.opacity<=90)
       theobj.filters.alpha.opacity+=9
       else if(window.clearID)
             clearInterval(clearID)
     }查MSDN吧
    上面有很详细的参考和说明
      

  6.   

    还要详细啊! 真是伤脑筋
    没时间, 编了个简单的
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html>
    <head>
    <title>Untitled</title>
    <script language="JavaScript">
    directionX = 1;
    directionY = 1;
    alphaStep = 1;
    function moveIt()
     {
      if(0>aobj.style.pixelLeft||aobj.style.pixelLeft>=300)
       directionX = directionX * (-1);
      if(0>aobj.style.pixelTop||aobj.style.pixelTop>=150)
       directionY = directionY * (-1);
      if(0 >= aobj.filters.alpha.opacity||aobj.filters.alpha.opacity>=100)
       alphaStep = alphaStep * (-1);  aobj.filters.alpha.opacity += alphaStep;
      aobj.style.pixelLeft += directionX;
      aobj.style.pixelTop += directionY;
      
      window.status = aobj.style.pixelLeft + " ---- " + directionX + " - " + alphaStep + " - " + aobj.filters.alpha.opacity;
      setTimeout("moveIt(aobj)",10);
    }
    </script>
    </head><body>
    <div style="position:absolute;left:0;top:0;width:300;height:150;background-color:green"></div>
    <img src="image/about.GIF" style="position:absolute;filter:alpha(opacity=0);top:30;left:0" id=aobj width="32" height="32" border="0" alt="">
    <script language="JavaScript">
     moveIt();
    </script>
    </body>
    </html>注意 position:absolute;filter:alpha(opacity=0) 一定要
      

  7.   

    不可能吧?
    肯定能运行才放上来的
    什么错误,
    哪一句错
    提示信息是什么?
    我这儿一切正常呢要放一个about.GIF(最好小一些30X30)在根目录的image子目录下
    或者改一下<img src="image/about.GIF" .....system : win2k, IE5.01