我正在使用CSS来设计网站样式并在几个DIV中嵌入一个youtube剪辑，如下所示：
<body>
<div id="wrap">
<div id="outer">
<img src="images/sidebar.png"/ class="sidepic">
<div id="look">
<iframe width="500px" class="youtube-player" type="text/html" height="280px" src="http://www.youtube.com/embed/J-U9aYeLvX0?wmode=opaque&feature=player_profilepage&showinfo=0" frameborder="0" allowfullscreen seamless></iframe>
<img src="images/content-01.png" class="bigpic" />
</div>
</div>
</div>
这在Internet Explorer中运行良好，但在Chrome中无效。视频未检测到任何悬停或点击，就好像它是静态图像或隐藏。
我尝试使用本网站上其他线程推荐的？wmode = opaque / transparent标签，但它似乎不起作用。从DIV标签中删除iframe可以播放视频，但会扭曲页面的其余部分。