Javascript IE7能否显示两个不透明度不同的div?
我试图建立一个简单的交叉淡入淡出效果。我使用两个包含图像的div。两者都具有“位置:绝对”属性和负z索引 我将tween函数应用于Firefox和Chrome中的不透明样式属性。我对IE使用filter:alpha(不透明度=foo) 我看到我的“旧”图像淡出,但“新”图像立即以完全不透明度显示在我的“旧”图像之上,而不管z索引和不透明度值 我知道IE7在不透明度方面有一些问题,但我不确定这是其中之一。我用的是JPEG文件,不是.PNGs。谁能解释我做错了什么 一些代码:Javascript IE7能否显示两个不透明度不同的div?,javascript,internet-explorer-7,opacity,Javascript,Internet Explorer 7,Opacity,我试图建立一个简单的交叉淡入淡出效果。我使用两个包含图像的div。两者都具有“位置:绝对”属性和负z索引 我将tween函数应用于Firefox和Chrome中的不透明样式属性。我对IE使用filter:alpha(不透明度=foo) 我看到我的“旧”图像淡出,但“新”图像立即以完全不透明度显示在我的“旧”图像之上,而不管z索引和不透明度值 我知道IE7在不透明度方面有一些问题,但我不确定这是其中之一。我用的是JPEG文件,不是.PNGs。谁能解释我做错了什么 一些代码: var tempora
var temporaryDiv = document.createElement("div");
var temporaryDivImage = document.createElement("img");
document.body.appendChild(temporaryDiv);
temporaryDiv.appendChild(temporaryDivImage);
temporaryDivImage.src = backgroundPictures[currentPicture + 1];
temporaryDiv.setAttribute("style", "overflow: hidden; filter: alpha(opacity=0); position: absolute; z-index: -2;");
document.body.appendChild(temporaryDiv);
var background = document.getElementById("background");
if (isIE7 == true) {
Tweens[0] = new Tween(temporaryDiv.style, "filter", Tween.linearIn, 0, 100, 2000, "alpha(opacity=", ")");
Tweens[1] = new Tween(background.style, "filter", Tween.linearIn, 100, 0, 2000, "alpha(opacity=", ")");
}
css:
非常感谢您是否尝试为ie7的这些元素添加布局?也就是说,对于这两个元素(您希望更改其不透明度),将css属性“缩放”(ie特定)设置为值“1”,并查看是否有帮助。通常这会有帮助:)您是否尝试为ie7的这些元素添加布局?也就是说,对于这两个元素(您希望更改其不透明度),将css属性“缩放”(ie特定)设置为值“1”,并查看是否有帮助。通常这会有帮助:)谢谢!我只是不小心把所有的z-索引都改成了正整数,我明天会看看你的解决方案是否也能奏效。谢谢!我只是不小心把所有的z-索引都改成了正整数,我明天再看看你的解决方案是否也有效。。
body {
margin: 0px;
width: 100%;
height: 100%;
}
#background {
position: absolute;
overflow: hidden;
z-index: -1;
}