php - 除非浏览器最大化，否则无法单击网页上的按钮

Question

我以前从未见过这种情况，而且我不知道从哪里开始寻找问题。首先我会说我是这个网站的狂热用户，还有其他喜欢它的人，我很清楚可能还有其他人遇到过这个确切的问题，但正确的措辞一定让我逃脱了，因为我搜索了我所有的资源都找不到关于这个问题的任何信息。

我想在页面顶部制作两个单选按钮，用于在博客和简历之间切换。我已经非常接近我想要的了，我遇到的唯一问题是单选按钮完全没有响应，除非我的浏览器是全屏的。没有悬停样式更改，无法单击它们，什么都没有。它们也可能是带有背景颜色的纯文本。

<!-- Main Navigation -->
                    <nav class="site-nav">
                        <?php if(is_home() ) {
                        echo '<a class="white-link" href="#"><button type="button" class="btn btn-primary" >Blog</button></a>';            
                    } else if(is_page( 'Work History' )) {

                        echo '<div class="btn-group">
                                    <button class="btn btn-primary">
                                    <input type="radio" onclick="window.location=\'#\';">Blog
                                    </button>
                                    <button class="btn btn-primary active">
                                    <input type="radio">Resume
                                    </button>
                                </div>';
                        } else {                                         
                        echo '<div class="btn-group">
                                    <button class="btn btn-primary">
                                    <input type="radio" onclick="window.location=\'http://theme-rusers.io\';">Blog
                                    </button>
                                    <button class="btn btn-primary">
                                    <input type="radio" onclick="window.location=\'',
                                     esc_url(get_permalink( get_page_by_title('Work History'))),
                                     '\';">Resume
                                    </button>
                                </div>';
                    } ?>                           

这是一个 WordPress 主题，我是编码新手(在过去一年内)，如果我未能提供正确或足够的信息，请询问我，我将编辑这篇文章，我正在使用 bootstrap。

我尝试切换到使用按钮而不是单选选择器，但仍然出现同样的问题。

我真的很感谢这方面的任何帮助，如果这个主题是通过一个简单的链接关闭的，我提前道歉，我已经几个月没有在任何论坛上提问了，因为我通常能够研究这是我自己的，那里有很多信息。

显然还不够^.^

完整的 Header.php 代码:http://www.pastebucket.com/551354

Answer 1

如果我将一些 z-index 添加到它们的顶级父容器中，这些按钮将变得可点击。

/* Target the first div which has a sibling from the first row within .container-fluid */

.container-fluid > .row:first-of-type > div:not(:only-child) {
  z-index: 1;
}