javascript - 如果背景颜色是透明的,则无法覆盖 div

标签 javascript css firefox vlc

我有一个有趣的问题。我想要一个带有边框的盒子覆盖在 vlc 网络播放器之上。如果背景颜色不透明,我可以让它正常工作,但是一旦我将它设置为透明,它就会被绘制在播放器后面。有谁知道如何解决这个问题?

这是一个 jsfiddle,显示了我在说什么(您需要安装 vlc web 插件才能使其工作。此外,出于某种原因,您只能使用 firefox 进行叠加)。

http://jsfiddle.net/AsGuL/21/

最佳答案

这篇文章很旧,但是如果有同样问题的人(比如我)找到它,这里是解决方案:

VLC 插件具有“无窗口”属性,您可以在这种情况下使用。 只需在嵌入标签中添加 windowless="true"

来自文档:

windowless: (since VLC version 2.0.6) Draw the video on a window-less (non-accelerated) surface and allow styling (CSS overlay, 3D transformations, and much more). Default: false

https://wiki.videolan.org/Documentation:WebPlugin

关于javascript - 如果背景颜色是透明的,则无法覆盖 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6740582/

相关文章:

javascript - 在 Sencha Touch 中使 Nestedlist 的某些项目不可点击

javascript - 链接 $http.get AngularJS

javascript - 访问 wysihtml5 编辑器对象以在 "events"中使用它?

html - 如何水平居中具有两个空 div 之间的主要内容的 div

javascript - 基于计数器值的 Css3 div 渐变背景动画?

javascript - 以 "/"结尾的剩余请求适用于 Chrome,不适用于 Firefox

javascript - 使用 javascript 创建模数计算器时遇到问题

html - Flexbox:水平和垂直居中

javascript - 如何设置/检测页面中浏览器 native 搜索生成的突出显示框

css - 按钮文本推开 Firefox 中的填充