IE8中的jQuery fadeTo
我做了一些关于让IE8中的jQuery fadeTo,jquery,internet-explorer-8,fadeto,Jquery,Internet Explorer 8,Fadeto,我做了一些关于让fadeTo函数在IE8中工作的研究，其中div将CSS位置设置为relative。我发现很多答案都说，通过添加filter:inherit和opacity:inherit 我试过使用它，但它在IE8中不起作用，在Chrome和FF中效果很好。我已经提交了测试代码片段（只需更改jQuery库位置的链接），只需复制并粘贴整个内容，然后在您的端进行测试。 本质上，我试图淡出HTML主体标记中的所有内容，而不仅仅是特定元素 谢谢大家 <html> <head>
fadeTodivrelativefilter:inheritopacity:inherit<html>
<head>
<script src="jQuery/jquery-1.7.2.js"></script>
<style type="text/css">
#div_item_added{
display: block;
margin: 9px;
padding: 5px 5px 5px 5px;
border-style: solid;
border-width: 2px;
border-color: #9B9A9A;
height: 80px;
width: 400px;
background: #FFFFFF;
overflow: hidden;
}
#div-test{
position: relative;
filter: inherit;
opacity: inherit;
top: 200px;
left: 200px;
}
</style>
<script type="text/javascript" >
function fade(){
$("#div-body").fadeTo(1000, 0.1);
}
function unfade(){
$("#div-body").fadeTo(1000, 1);
}
</script>
</head>
<div id="div-body">
<body>
<div id="div-test">
<table border="1" style="background-color:#FF0000;">
<tr>
<td>A table that should Fade when html body fades</td>
</tr>
</table>
</div>
</body>
</div>
<div id="div_item_added">
<table border="0" style="border:border-collapse;">
<tr>
<td>Some text</td>
</tr>
<tr>
<td>
<input type="button" value="Fade Background" onclick="fade();">
<input type="button" value="Un-Fade Background" onclick="unfade();">
</td>
</tr>
</table>
</div>
</html>
#添加div_项目{
显示：块；
利润率：9px；
填充物：5px 5px 5px；
边框样式：实心；
边框宽度：2倍；
边框颜色：#9B9A；
高度：80px；
宽度：400px；
背景：#FFFFFF；
溢出：隐藏；
}
#div测试{
位置：相对位置；
过滤器：继承；
不透明度：继承；
顶部：200px；
左：200px；
}
函数fade（）{
美元("部门机构).法德托(1000,0.1),；
}
函数（）{
$（“#部门机构”）。法德托（1000，1）；
}
html正文淡出时应淡出的表
一些文本