Javascript 如何将youtube视频置于图像上方?
我的页面上有一个youtube视频,我希望它与一个图像相连。它很合身,但我不能弹 以下是链接:Javascript 如何将youtube视频置于图像上方?,javascript,html,css,iframe,youtube,Javascript,Html,Css,Iframe,Youtube,我的页面上有一个youtube视频,我希望它与一个图像相连。它很合身,但我不能弹 以下是链接: < iframe style="margin-top: 0px; margin-left: 85px;"width="431" height="270" src="http://www.youtube.com/embed/RHaIQWOsxaA?autoplay=0&cc_load_policy=1" frameborder="0" allowfullscreen></ifr
< iframe style="margin-top: 0px; margin-left: 85px;"width="431" height="270" src="http://www.youtube.com/embed/RHaIQWOsxaA?autoplay=0&cc_load_policy=1" frameborder="0" allowfullscreen></iframe>
视频是这样的
有人能帮我吗
非常感谢你
***编辑***
谢谢,我厌倦了z索引,现在它显示了视频,但我仍然不能播放它
***编辑***
太完美了,非常感谢你 通过CSS为Iframe指定2的z索引,为图像指定1的z索引。以下是一个非常基本的解决方案 HTML:
以下是您没有提供复制此功能的代码的?您可能想了解CSS绝对定位和z索引。请参阅我的更新答案
<div class="video-container">
<iframe class="Video" src="http://www.youtube.com/embed/RHaIQWOsxaA?autoplay=1" frameborder="0" allowfullscreen></iframe>
</div>
.video-container {
background: url(http://images.amazon.com/images/G/01/electronics/apple/apple-mbp2011-13-frontface_osx-lg.jpg) no-repeat;
height: 590px;
width: 1000px;
}
.Video{
position:absolute;
width: 654px;
height: 411px;
left: 177px;
top: 69px;
}