iframe中pdf的透明iframe ontop
我发现了将iframe放在iframe之上的技术,以解决浏览器在iframe上的z索引问题 我现在面临的问题是,我需要与PDF(加载到iframe中)重叠的iframe是透明的。这可能吗 我想这样做的原因是,我可以在PDF顶部有一个透明的png 下面是一些代码,您可以看到我的问题-您将在PDF的左上角看到一个白色正方形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
<!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的大小增加。