IE 8中带有jquery的PNG显示为灰色
我试图找到一个解决方案,这个可怕的灰色png悬停(这是意味着一个透明的黄色,它似乎只有这样显示在IE中。我尝试似乎没有任何工作。任何帮助或提示将真的很方便 这是jqueryIE 8中带有jquery的PNG显示为灰色,jquery,internet-explorer,png,Jquery,Internet Explorer,Png,我试图找到一个解决方案,这个可怕的灰色png悬停(这是意味着一个透明的黄色,它似乎只有这样显示在IE中。我尝试似乎没有任何工作。任何帮助或提示将真的很方便 这是jquery $('#header').hover( function() { $("#slideshow_bg").stop().animate({"opacity": "1"}, "fast"); }, function() { $("#slideshow_bg").stop().animate({"opacity": "0"
$('#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>
我知道这看起来很混乱但是,,
任何帮助都将不胜感激:)您的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 id="slideshow_bg" style="opacity:;">
希望这能解决你的问题。让我知道。看看z索引。您可以使用此选项将元素放在层中
谢谢你的帮助,我最终选择了rgba,但现在文本似乎就在后面
<div id="slideshow_bg" style="opacity:;">