Div在iframe的顶部,里面有Silverlight
Div on top of iframe with Silverlight inside
我最近了解到Verimatrix的ViewRight网络播放器是一个所谓的NPAPI插件,它可以使用一种涉及"虚拟iframe"的技术来覆盖HTML元素。
在viewwright -player上设置Div
HTML在NPAPI插件之上
现在,据我所知,Silverlight似乎也是一个NPAPI插件(我可能搞错了)。所以我尝试了同样的方法来显示一个DIV从另一个网站加载在iframe的Silverlight web播放器的顶部。
不幸的是它不起作用…一旦Silverlight播放器加载,它就会位于其他所有内容的顶部。我知道在播放器中设置无窗口参数为true会解决这个问题。但是由于播放器不是由我托管的,所以我不能编辑任何对象参数。
下面是一个基于"dummy iframe"方法的测试场景:http://jsfiddle.net/c7Hsp/
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
body {
background: black;
cursor: auto;
-webkit-user-select: none;
user-select: none;
overflow: hidden;
}
:::-webkit-scrollbar {
display: none;
}
.wrapperDiv {
position: absolute;
bottom: 200px;
left: 200px;
width: 200px;
height: 200px;
margin: 0 auto;
}
.dummyFrame {
position: absolute;
top: 200px;
left: 200px;
width: 200px;
height: 200px;
background-color: red;
}
.contentDiv {
position: absolute;
top: 25px;
left: 25px;
width: 300px;
color: white;
font-family: Arial;
font-size: 18pt;
text-align: center;
background-color: green;
}
#silverFrame {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
border: 0px;
background: transparent;
}
</style>
</head>
<body>
<iframe id="silverFrame" src="http://clubace.dk/silverlight.htm"></iframe>
<div class="wrapperDiv">
<iframe class="dummyFrame" frameborder="0"></iframe>
<div class="contentDiv">Weee!<br>I'm overlaying this<br>NPAPI plugin :D</div>
</div>
</body>
</html>
我希望有人能帮我做这件事:-)
Thx
为您删除的问题PHP:从HTML中获取特定标签的属性值[duplicate]你在
里漏了一个Sdocument.getElementsByClassName('classname')
,然后你可以
.
.
$attr = $tag->item(15);
$percent = $tag.style.heigth
http://www.w3schools.com/jsref/prop_style_height.asp 相关文章:
- 单击顶部导航时如何进行向下滚动效果(向下滑动).
- jQuery粘性插件可变顶部间距
- 使用jQuery更改元素的顶部位置
- 背景图像顶部的滚动图像不移动
- 滚动然后捕捉到顶部而不是取消捕捉
- 当带有渲染器的DOM元素不在屏幕顶部时,移动了场景的坐标
- 如何在离子框架+有角度的框架中制作顶部标签
- 计算“;“左”;以及“;顶部“;来自固定位置浮动元素的值
- 如何在引导程序元素的顶部添加掩码
- 滚动到Rails 4应用程序中的顶部jQuery
- 将列表元素动画制作到顶部
- 抵消在具有pageY计算的相对容器中位于顶部
- 输入类型按钮返回历史记录并返回顶部
- 滚动固定滚动顶部()的跳跃效果
- 如何将图表放在顶部和底部
- 通过水平滚动将页眉固定到页面顶部
- jQuery:如何检测用户何时再次滚动到顶部
- 如何向下滚动页面,使指定的元素位于顶部
- 制作自定义铬应用程序顶部栏
- Div在iframe的顶部,里面有Silverlight