帮忙实现个效果

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>test</title>
<style type="text/css">
<!--
body {
background-image: url(http://www.csdn.net/Images/logo_csdn.gif);
}
input { 
filter: Alpha(Opacity=70, FinishO,pacity=0, Style=0, StartX=0, StartY=0, FinishX=0, FinishY=0);
border:1px #000000 solid;
color:#000000;
}
-->
</style>
</head><body>
 &nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 <p>
  <input type="text" name="textfield" />
</p>
 <p>
  <input type="text" name="textfield2" />
</p>
 <p>
  <input type="text" name="textfield3" />
</p>
 <p>
  <input type="text" name="textfield4" />
</p>
 <p>
  <input type="text" name="textfield5" />
</p>
 <p>
  <input type="text" name="textfield6" />
</p>
 <p>
  <input type="text" name="textfield7" />
</p>
 <p>
  <input type="text" name="textfield8" />
</p>
</body>
</html>
将就一下吧！！好像不太容易实现，看后面有没有高手解决

解决方案 »

  1.   

    <textarea style="background-image:url(http://zi.csdn.net/2007.1/solaris_760x902.07.gif);width:600;height:100;background-repeat:no-repeat"></textarea>
      

  2.   

    谢谢lion98(韩宾)，用滤镜的马马虎虎还行
      

  3.   

    <script>
    function test(){
    var objs = document.getElementsByTagName("input");
    for(var i = 0 ; i < objs.length ;i++){
    if(objs[i].type && objs[i].type =="text"){
    objs[i].onfocus = function (){
    this.style.filter = "";
    }
    objs[i].onblur = function (){
    this.style.filter = "Alpha(Opacity=70, FinishO,pacity=0, Style=0, StartX=0, StartY=0, FinishX=0, FinishY=0)";
    }
    }
    }
    }
    </script>
    </head><body onload="test()">
      

  4.   

    是不是要这样的效果：文本框没激活的时候看不到框，只看到背景图和文字，激活的时候就没有背景了，变成文本框原始模样？<style>
    input.default{}
    input.userset{
      color:white; 
      border:0px;
      background-image:url('http://www.csdn.net/Skins/Default/Images/CSTTitle.gif'); 
    }
    </style>
    <input type="text" onblur="this.className='userset'" onfocus="this.className='default'" value="这里就是内容，点上来看看" class="userset" size="35" maxlength="20">