Bootstrap模态与Youtube视频z-index问题
Har*_*M V 4 youtube z-index twitter-bootstrap
我在同一页面上使用Twitter Bootstrap Modal和Youtube Video.我正面临Z-Index问题,其中视频显示在Chrome浏览器的模态窗口上方.
我该如何解决这个问题？
Fat*_*cet 12
您应该使用带有？wmode = transparent param的YouTube网址.
<iframe src="http://www.youtube.com/embed/EBSnWlpTPSk?wmode=transparent"></iframe>
如果包含object/embed标记,则应为embed标记添加<param name="wmode" value="opaque" />object wmode=transparent标记.
- 这对我很有帮助.实际上,这篇文章应该被标记为答案,因为它解决了问题上发布的问题. (3认同)
您放在网页上的YouTube视频是基于Flash的.Flash对象在窗口顶部单独呈现,因为它们不是HTML5堆栈的一部分.Z指数对这些没有影响.
请参阅http://www.google.com/search?q=flash+z-index
- 对不起,有一个错误的类型.正确的网址是`http://www.youtube.com/embed/EBSnWlpTPSk？rel = 0&wmode = transparent`. (11认同)
| 归档时间： |
|
| 查看次数： |
5131 次 |
| 最近记录： |