Jquery IE7+上的猫头鹰旋转木马淡入淡出过渡；

我在我的网站上使用了令人难以置信的猫头鹰旋转木马，更具体地说是“褪色”效果。 您可以在此处看到演示：

我的旋转木马的图片在Chrome上“褪色”很好，但在IE上，它们是“滑动”的。 官方网站上说：

“重要！CSS3转换只在支持 CSS3转换3D方法，并且仅在屏幕上显示单个项目。”

因此，我寻找了一个黑客并发现：

#monElement {
opacity: .4; /* for all modern webcrawlers */
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* For IE6, IE7, and IE8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=40)"; /* IE8 only */
}

但是。。。它也不起作用。 一个关于它可能是什么的想法

---

谢谢你

在IE7+8上使用DXImageTransform来实现这一效果（不推荐使用9）还需要一些Javascript。提供了如何实现此目标的示例。显然，这些示例只适用于IE7或IE8

例如：

<script>
var bToggle = 0;
function fnToggle() {
    oDiv.filters[0].Apply();                   

    // After setting Apply, changes to the oDiv object 
    //  are not displayed until Play is called.
    if (bToggle) {                                                        
        bToggle = 0;
        oDiv.style.backgroundColor="gold";}
    else {
        bToggle = 1;
        oDiv.style.backgroundColor="blue";}  
    oDiv.filters[0].Play();
}
</script>

<button onclick="fnToggle()">Toggle Transition</button><br/><br/>

<div id="oDiv" style="height:250px; width:250px; background-color: gold;
                filter:progid:DXImageTransform.Microsoft.Fade( 
                duration=2);">
</div>

var bToggle=0；
函数fnttoggle（）{
oDiv.filters[0]。应用（）；
//设置“应用”后，对oDiv对象进行更改
//在调用Play之前不会显示。
如果（bToggle）{
bToggle=0；
oDiv.style.backgroundColor=“gold”；}
否则{
bToggle=1；
oDiv.style.backgroundColor=“蓝色”；}
oDiv.filters[0]。Play（）；
}
切换转换

这不是一个关于Web本体语言的问题，也不应该被标记为。