How to give opacity only at a particular area?
===

 I want to give opacity for the div only at the bottom left corner.
Is it possible? how?


    <div id="right_img"></div>
    
css 

   

    #right_img
         {
         float:right;
    	 width:600px;
    	 height:400px;
    	 margin-top:100px;
    	 background:url(../images/assets/sobrf-maria-page.jpg) no-repeat bottom center;
    	 opacity:0.6;
         filter:alpha(opacity=60); 
          }

If i am giving opacity to complete div ,image clarity will lost.