title: how to make an image transparent to the background slide show in asp.net
body: <p>I am using a simple jquery for an image slideshow and it is working properly ,But the thing is that  I want to place a small image over the slide show and that image should be transparent to the underlined image slide show,
  But I tried to place image slideshow in a big Div and for the image in a small div with in the same Slideshow div,but the slide show is working properly but I can't see the semi transparent image above it which is having less opacity .So kindly help me for solving the problem ...... 
  this is how i places the two div......</p>
  
  <pre><code>&lt;div class="logo"&gt;
     &lt;img src="imag/header1.png" alt="" height="100%" width="100%" /&gt;
  
      &lt;/div&gt;
  
    &lt;div id="slideshow"&gt;
  
  
  
      &lt;img src="imag/slider-1.jpg" alt="" class="active" height="100%" width="100%"/&gt;
      &lt;img src="imag/slider-2.jpg" alt="" height="100%" width="100%" /&gt;
      &lt;img src="imag/slider-3.jpg" alt=""  height="100%" width="100%" /&gt;
      &lt;img src="imag/slider-4.jpg" alt=""  height="100%" width="100%" /&gt;
  
     &lt;img src="imag/slider-5.jpg" alt=""  height="100%" width="100%" /&gt;
  
  
  
  
  &lt;/div&gt;
  </code></pre>
  
  <p>css:</p>
  
  <pre><code>#slideshow {
      position:absolute;
      height:50%      /*300px*/;
      width:95.5%;
  border-style:solid;
  border-color:Red;  
  
  }
  
  #slideshow IMG {
      position:absolute;
      top:0;
      left:0;
      z-index:8;
  }
  
  #slideshow IMG.active {
      z-index:10;
  }
  
  #slideshow IMG.last-active {
      z-index:9;
  }
  div.logo
  {
     position:relative;
      height:27%;
      width:100%;
      opacity:0.1;
    filter:alpha(opacity=60%); /* For IE8 and earlier */
    margin-top:0%;
    margin-left:0p%;
    zindex:1;
  
  
  }
  </code></pre>