如何把把一张图片做成按钮变成灰色的不可用状态

图片可不能变灰，这种情况你可以做两张图片，一张原图，一张灰的
不可用时用灰的
<input type="image" src="disabled.gif" disabled/>可用时用原图
<input type="image" src="enabled.gif" disabled/>

解决方案 »

  1.   

    sorry 后面的没有disabled可用时用原图
    <input type="image" src="enabled.gif"/>
      

  2.   

    use filter and disabed properties
      

  3.   

    <HTML>
    <HEAD>
    <TITLE></TITLE><SCRIPT language=JavaScript> 
    nereidFadeObjects = new Object();
    nereidFadeTimers = new Object();
    function nereidFade(object, destOp, rate, delta){
    if (!document.all)
    return
        if (object != "[object]"){  //do this so I can take a string too
            setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
            return;
        }
        clearTimeout(nereidFadeTimers[object.sourceIndex]);
        diff = destOp-object.filters.alpha.opacity;
        direction = 1;
        if (object.filters.alpha.opacity > destOp){
            direction = -1;
        }
        delta=Math.min(direction*diff,delta);
        object.filters.alpha.opacity+=direction*delta;
        if (object.filters.alpha.opacity != destOp){
            nereidFadeObjects[object.sourceIndex]=object;        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
        }
    }</SCRIPT>
    </HEAD><BODY>
    <img src="images/wvright.gif" border=0 usemap="#Map" style="FILTER: alpha(opacity=40);cursor:hand" onMouseOver=nereidFade(this,100,100,5) 
                            onMouseOut=nereidFade(this,40,50,5)>
    <map name="Map">
      <area shape="circle" coords="78,85,8" href="http://www.hao123.com" onMouseMove="window.status='Go home,man!'" onMouseOut="window.status=''">
    </map>
    </BODY>
    </HTML>
      

  4.   

    用滤镜了
    filter : progid:DXImageTransform.Microsoft.BasicImage (grayScale=1)
    或者filter : progid:DXImageTransform.Microsoft.Gray(enabled=true)