iframe中pdf的透明iframe ontop

iframe中pdf的透明iframe ontop,pdf,iframe,png,transparency,overlap,Pdf,Iframe,Png,Transparency,Overlap,我发现了将iframe放在iframe之上的技术,以解决浏览器在iframe上的z索引问题 我现在面临的问题是,我需要与PDF(加载到iframe中)重叠的iframe是透明的。这可能吗 我想这样做的原因是,我可以在PDF顶部有一个透明的png 下面是一些代码,您可以看到我的问题-您将在PDF的左上角看到一个白色正方形 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/x

我发现了将iframe放在iframe之上的技术,以解决浏览器在iframe上的z索引问题

我现在面临的问题是,我需要与PDF(加载到iframe中)重叠的iframe是透明的。这可能吗

我想这样做的原因是,我可以在PDF顶部有一个透明的png

下面是一些代码,您可以看到我的问题-您将在PDF的左上角看到一个白色正方形

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <style type="text/css">
        #contentFrame
        {
            height:500px;
            width:990px;
        }       

        #overlapFrame
        {
            width:100px;
            height:100px;
            position:absolute;
            left:0;
            top:0; 
            background: transparent;           
        }

    </style>

</head>
<body>
    <iframe src="http://www.education.gov.yk.ca/pdf/pdf-test.pdf" id="contentFrame" frameborder="0"></iframe>
    <iframe id="overlapFrame" frameborder="0" scrolling="no"></iframe>
</body>
</html>

#内容框架
{
高度:500px;
宽度:990px;
}       
#重叠帧
{
宽度:100px;
高度:100px;
位置:绝对位置;
左:0;
排名:0;
背景:透明;
}

我认为它不会解决IE中的其他问题。如果在包含pdf文档的iframe后面有一个下拉菜单,您将如何将该重叠框架放在菜单后面。因为它是下拉菜单。你找到解决这个问题的方法了吗?嗨,克里斯,当时没有解决方法。看起来浏览器呈现事物的方式是不可能的。我只是更改了功能,当菜单滑出时,我更改了iFrame的大小,使其变小,当它滑回时,iFrame的大小增加。