Javascript CSS/js z-index（zIndex）下拉菜单

我一直在写一个页面，这个页面开始给我带来一些麻烦，我希望你能帮我解决。 我的问题解释得很简单，我希望答案是一样的

我有一个CSS下拉菜单在我的页面顶部和右下方，我有一个js视频播放器。问题是视频播放器后面出现了下拉菜单，我不知道为什么。 我使用boostrap作为下拉菜单，z索引设置为1000。 有谁能告诉我为什么球员总是站着

我知道js有一个zIndex选项，我希望它能解决我的问题，但是我不怕承认我从来没有js技能

CSS:

js:

功能更改频道（url、频道ID）
{
var player=document.getElementById（“视频播放器”）；
var video=document.getElementById（'video'）；
如果（视频！=null）
{
video.src=url；
video.load（）；
video.play（）；
}
else if（player！=null）
{
player.Close（）；
player.Open（url，false）；
}
if（chanid！=0）
{
更新（chanid）；
}
其他的
{
tvclear（）；
}
}
函数更新（channelid）{
$.getJSON（'api.php'，函数（数据）{
console.log（数据[channelid][0]）；
$（'.now'）.html（“”+数据[channelid][0]['title']+”
“+数据[channelid][0]['starttime']+”
”；
$（'.next'）.html（“”+数据[channelid][1]['title']+”
“+数据[channelid][1]['starttime']+”
”；
});
}
函数tvclear（）{
$（'.now'）.html（“无数据”）；
$（'.next'）.html（“无数据”）；
}

---

感谢您的所有想法。

您是否尝试为包含播放机的HTML元素设置较低的z索引？

Imt可能是您的视频播放机具有

z索引：1001

（或实际上大于1000的任何内容）。所以试着给下拉列表指定一个更高的

z-index

（比如

999999

）。试试看。希望有帮助。：）

如果是flash电影或flash播放器，您可能需要设置wmode=transparent

---

是的，我曾尝试直接在上创建一个z索引，并尝试创建一个链接，链接到z索引为-1的CSS表。您可能希望将您的放入，然后在CSS表中创建一个类

。MyDivUnderDropDownMenu{z-index:10；}

，就像我在上面的评论中所说的，我已经这样做了。但该玩家只是不愿意进入后台：（我可能与定位问题有关。让我们知道这是否解决了您的问题。我尝试更改“位置”，但没有任何改变：(

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

function changeChannel(url, chanid)
  {
  var player = document.getElementById("videoplayer");
  var video = document.getElementById('video');
  if (video != null)
  {
    video.src = url;
    video.load();
    video.play();
  }
  else if (player != null)
  {
    player.Close();
    player.Open(url, false);
  }
    if(chanid != 0)
    {
      update(chanid);
    }
    else
    {
      tvclear();
    }

}

function update(channelid) {
  $.getJSON('api.php', function(data) {
  console.log(data[channelid][0]);

  $('.now').html("<strong>" + data[channelid][0]['title'] + "</strong><br>" + data[channelid][0]['starttime'] + "<br>");


  $('.next').html("<strong>" + data[channelid][1]['title'] + "</strong><br>" + data[channelid][1]['starttime'] + "<br>");
});

}

function tvclear() {
  $('.now').html("No data");
  $('.next').html("No data");
}