我想显示div
在 iframe 中打开的上一个和下一个 flash 内容。我已经尝试了所有的wmode=opaque
or wmode=transparent
or wmode=window
,但在 IE8 中无法工作。
我无法添加,因为 Flash 内容来自其他站点。我正在加载另一个网站iframe
。
我想显示div
在 iframe 中打开的上一个和下一个 flash 内容。我已经尝试了所有的wmode=opaque
or wmode=transparent
or wmode=window
,但在 IE8 中无法工作。
我无法添加,因为 Flash 内容来自其他站点。我正在加载另一个网站iframe
。
演示:http: //jsfiddle.net/pjgxt/2/
<div id="container">
<div class="controls prev">prev</div>
<iframe src="//www.youtube.com/embed/PbsaHzIokEE" frameborder="0" ></iframe>
<div class="controls next">next</div>
</div>
#container {
position: relative;
width: 400px;
padding-left: 100px;
padding-right: 100px;
border: 1px solid red;
}
.controls {
position: absolute;
width: 100px;
height: 100px;
top: 50px;
background-color: lime;
z-index: 10;
}
.prev {
left: 50px;
}
.next {
right: 50px;
}
iframe {
width: 100%;
height: 200px;
position: relative;
z-index: 5;
}
z-index
控制元素的分层。z-index
应用于具有position
ofrelative
或
的元素absolute
。尝试给z-index
div 属性