IE显示高度> 4096px的透明度错误？

Question

当我遇到大页面上的问题时,我正在使用透明背景覆盖的JavaScript对话框.

如果页面很大,透明覆盖层将是纯色(即不再透明).我做了一些测试,发现这只发生在覆盖层大于4096像素高(嗯,可疑,那是2 ^ 12).

有人可以验证这个问题吗？你见过一个解决方案吗？

这是我的测试代码(我正在使用Prototype):

<style>
.overlayA { 
    position:absolute;
    z-index:10;
    width:100%;
    height:4095px;
    top:0px;
    left:0px;
    zoom: 1;
    background-color:#000;
    filter:alpha(opacity=10);
    -moz-opacity:0.1;
    opacity:0.1;
}

.overlayB { 
    position:absolute;
    z-index:10;
    width:100%;
    height:4097px;
    top:0px;
    left:0px;
    zoom: 1;
    background-color:#000;
    filter:alpha(opacity=10);
    -moz-opacity:0.1;
    opacity:0.1;
}
</style>
<div style="width:550px;height:5000px;border:1px solid #808080">
    <a href="javascript:// show overlay A" onclick="Element.show('overlayA')">Display A = 4096h</a>
    <br /><a href="javascript:// show overlay B" onclick="Element.show('overlayB')">Display B = 4097h</a>
</div>
<div id="overlayA" onclick="Element.hide(this)" class="overlayA" style="display:none"></div>
<div id="overlayB" onclick="Element.hide(this)" class="overlayB" style="display:none"></div>

Answer 1

由于你在CSS上有一个不透明度过滤器,我相信你是间接使用DirectShow来进行alpha混合和图像合成.DirectShow使用DirectX纹理,DX9的像素限制为4096x4096,这可以解释这种不稳定的行为.