更动图片背景

更改图片背景
初次写这个程序的时候我以后是设置图片的背景色，殊不知自己是多么愚蠢，只有把图片当作当作背景色的，哪有给图片设置背景色的？？？就是设了背景色，也会被图片自身的颜色覆盖。

<style type="text/css">
.sm{width:222px;height:54px;margin:0 10px 0 0;filter: Alpha(Opacity=100);Opacity:1.0;-moz-opacity:1.0;}
.big{width:290px;height:180px;margin:0 10px 0 0;filter: Alpha(Opacity=40);Opacity:1.0;-moz-opacity:1.0;}
</style>
上面这段css代码修改了图片的大小，色度等等。
    <div style="float:left; ">
   <div >
     <img src="1.jpg" alt="ipad第一层书架"   onmouseover="this.className='big'" onmouseout="this.className='sm'"/></div>
   <div >
     <img src="2.jpg" alt="ipad第二层书架" onmouseover="this.className='big'" onmouseout="this.className='sm'"/></div>
     <div >
      <img src="3.jpg" alt="ipad第三层书架"onmouseover="this.className='big'" onmouseout="this.className='sm'" /></div>
   <div >
     <img src="4.jpg" alt="ipad第四层层书架" onmouseover="this.className='big'" onmouseout="this.className='sm'"/></div>
     <div >
      <img src="5.jpg" alt="这层没书" onmouseover="this.className='big'" onmouseout="this.className='sm'"/></div>
   
    </div>