jquery - jplayer控制框自动隐藏到div中

Question

我使用Jplayer（jquery 视频播放器插件）。我自定义控制框（播放/暂停...），以便在鼠标悬停时显示jp-jplayer div：

autohide: {
    restored: true, fadeIn:500,
},

这有效，当我将鼠标悬停在jp-jplayer div该 div（底部）之外时，控制框会显示。现在我需要将控制框显示到jp-jplayer div，而不是在这个 div 之外。如何将控制箱显示进去div？

在线示例HERE ( in example control box is hide and after mouseover u see panel outside div)

Answer 1

margin-top你可以通过在类中添加一个否定来简单地使用 CSS 来实现这一点.jp-interface

例如

div.jp-interface {
   margin-top:-88px;
}