Html 如何在页面的右上角简单地放置一个按钮？

我的主要目标是创建一个btn，在我的婚礼网站上播放/暂停歌曲。 我让它在桌面查看端口上工作，但不是在手机上

---

注意最右边的播放btn，当点击它时，它将播放歌曲，图标将切换为暂停，如下所示

到目前为止一切都很好

---

问题来了，这里是400px上的样子

我看到了，但是，它们根本不可点击

我试着检查它，这就是我看到的

我在想我的z-index有问题，我试着给我的btn一个，但仍然不起作用

我现在有点困了，请随时给我提建议

---

HTML

{{--音乐--}-------------------------------------------------








朗罗斯酒店
我们要结婚了

移除已将徽标设置为

z-index:9999

然后将其添加到css中

.navbar-header button{
    float:right;
}

---

将按钮拉到.navbar包装器的外面，并将其作为.menu下的第一个元素

---

这将起作用：）

这是一个z-index问题，但z-index很棘手，只有当元素的位置不是静态的（这是默认的）时才起作用。

{{--音乐--}-------------------------------------------------
...
{{--音乐--}-------------------------------------------------
...

（为了清晰起见，我将样式设置为内联）

---

可能还有其他方法可以解决此问题，但这是最快的。

您已将徽标的z索引设置为9999。这导致了一个问题。我应该把它脱下来吗？我希望你能给我更多的提示您应该在问题中添加boostrap标记，它与Jquery或javascript无关。请从代码中删除与问题无关的所有内容。另外，请发布你的css/javascript。好吧，让我们先看看它是否有效，但当我看到它是为你的婚礼，我不得不尝试和帮助不幸的是，它仍然不可点击。这个

.navbar标题按钮{float:right；}

将使我的导航菜单保持在右侧，与我的播放按钮重叠。请告知-如果我遗漏了任何内容。好的，我再次查看了google dev mobile视图，该视图非常好，但请尝试此操作-将mobile.css第一行更改为

@仅媒体屏幕和（最小宽度：200px）和（最大宽度：700px）

-这会将最大宽度更改为700px。这与删除z索引相结合应该是可行的。让我知道，如果它不工作，我们可以有一个快速的skype，我可以在几分钟内给你看尝试它，仍然不可点击（但是您是否也删除了

.navbar标题按钮{float:right；}

意思是更改是删除z索引，并增加最大宽度？您好，我已经按照您的建议执行了，播放按钮根本不会显示。您是否在我建议的时间和您实施的时间之间做了一些更改？我当时在您的网站上这样做时，它起了作用，但我同意它不再起作用诡计。它早就成功了。天哪，螃蟹。它成功了。你救了我的命，伙计。：）

.navbar-header button{
    float:right;
}