除非瀏覽器最大化，否則無法點擊網頁上的按鈕

我從未見過這種情況發生過，我不知道從哪裏開始尋找問題。我會開始說我是這個網站的熱心用戶，其他人喜歡它，而且我很清楚可能有其他人遇到了這個問題，但正確的措辭一定是逃脫了我，因爲我搜索了我的所有資源，甚至找不到有關此問題的任何信息。除非瀏覽器最大化，否則無法點擊網頁上的按鈕

我想在頁面頂部製作兩個單選按鈕，以在博客和簡歷之間切換。我已經得到了這麼好的結果，我唯一的問題是單選按鈕完全沒有響應，除非我的瀏覽器是全屏。沒有懸停風格的變化，不能點擊它們，沒有。它們也可能是帶有背景顏色的純文本。

<!-- 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

來源

2016-07-27 Shaun Reed

你能發佈一個鏈接到該頁面嗎？聽起來像一個div是在覆蓋你的按鈕，這有可能嗎？ –

你有嵌套在常規按鈕內的單選按鈕......我無法想象如何不會混淆瀏覽器。爲什麼不把單選按鈕放在div裏面？ – TinMonkey

我可以單擊那些按鈕沒有問題，但href不起作用。移動'onclick =「window.location ='https：//theme-repo-shaunrd0.c9users.io/work-history';」 '從輸入到按鈕 –

的按鈕變爲可點擊的，如果我加入一些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; 
}

來源

2016-07-27 22:50:06

哇，我知道我忽略了一些簡單的東西。當我調整窗口大小時，元素會重疊，使按鈕不可點擊。謝謝你的回答，我現在補充一下，稍後再清理。 –

我在這些情況下做的第一件事就是打開檢查器（Chrome，就我而言），並嘗試將鼠標懸停在無響應的元素上。在你的情況下，我注意到'

除非瀏覽器最大化，否則無法點擊網頁上的按鈕

回答

相關問題