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。

我试图切换到使用按钮而不是无线电选择器，但仍然会出现同样的问题。

我真的很感激这方面的任何帮助，如果这个主题以另一个简单的链接关闭，我提前道歉，自从我在任何论坛上提出问题以来已经好几个月，因为我通常能够研究就我自己而言，那里有很多信息。

虽然不够，显然是^。^

Full 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;
}

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

1 个答案: