IE 8中的PNG与jquery显示为灰色

Question

我试图找到一个解决这个可怕的灰色png悬停（这是一个透明的黄色，它似乎只在IE中显示这样的东西。似乎工作。任何帮助或提示将是非常方便的。

这是jQuery的。

$('#header').hover(
function() { 
$("#slideshow_bg").stop().animate({"opacity": "1"}, "fast"); 
}, 
function() { 
$("#slideshow_bg").stop().animate({"opacity": "0"}, "fast"); 


}); 
}); 

这是HTML

<div id="header"> 



    <div id="ql_container" > 
     <span class="qltext">Our Systems</span> 

      <div id="slidetabs"> 
       <a href="#">Therm Masonry</a> 
       <a href="#">Concrete Block</a> 
       <a href="#c">Precast Concrete</a> 

      </div> 

    </div> 

    <!-- container for the slides --> 
    <div class="images" style="float:left;"> 

     <!-- first slide --> 
      <div class="slides" style="display:; position:absolute; background-image:url(03_building/02_concrete_block/02_IMAGES/02_HeroShot_1.jpg); width:779px; height:448px;" /> 
     <div id="slideshow_bg" style="opacity:;"> 

      <h2>lorem ipsum</H2> 
      <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat mauris in dolor egestas id iaculis tortor dignissim. Duis auctor dui vitae augue viverra pretium. Vestibulum ullamcorper iaculis tincidunt.</p> 
      <p><a href="#"> Specifications</a> | <a href="#">Details</a></p> 

     </div> 
    </div> 
</div> 
</div> 

这是CSS

#slideshow_bg{ 
opacity : 0; 
/* IE 8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; 
/* IE 5-7 */ 
filter: alpha(opacity=0); 
zoom:1; 
width:170px; 
height:398px; 
padding:25px 20px 25px 20px; 
position:absolute; 
overflow:hidden; 
background-image:url(../../images/slidesshow_desc_bg.png); 
_background:none; 
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../images/slidesshow_desc_bg.png',sizingMethod='crop'); 
} 

我知道这可能看起来很混乱，但,, 任何帮助，将不胜感激:)

Answer 1

有与类幻灯片您的DIV的一个问题。显示属性有问题。它必须是这样的：

<div class="slides" style="position:absolute; 
    background-image:url(03_building/02_concrete_block/02_IMAGES/02_HeroShot_1.jpg);  
    width:779px; height:448px;" /> 

或者你给你的显示属性值。

同样为这个div：

<div id="slideshow_bg" style="opacity:;"> 

希望这将解决您的问题。让我知道。

Answer 2

看看z-index。你可以用这个来将元素放在图层中。

Click here for some info about z-index