Ich kann nicht auf Schaltflächen auf der Webseite klicken, es sei denn, der Browser ist maximiert.

Question

Ich habe das noch nie zuvor gesehen, und ich habe keine Ahnung, wo ich anfangen soll, nach Problemen zu suchen. Ich werde damit beginnen zu sagen, ich bin ein begeisterter Benutzer dieser Seite, unter anderen wie es, und ich bin mir bewusst, es gibt möglicherweise andere, die in diesem GENAUEN Problem gelaufen sind, aber die richtige Formulierung muss mir entgangen sein, weil ich hat alle meine Ressourcen durchsucht und konnte keine Informationen zu diesem Problem finden.

Ich wollte zwei Radioknöpfe, oben auf meiner Seite, um zwischen einem Blog und Lebenslauf zu wechseln. Ich bin so nah dran, was ich will, das einzige Problem, das ich habe, ist die Radio-Tasten sind völlig unempfindlich, es sei denn mein Browser ist Vollbild. Keine Änderung des Hover-Stils, kann nicht auf sie klicken, nichts. Sie könnten auch einfacher Text mit einer Hintergrundfarbe sein.

<!-- 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>'; 
        } ?>       

Dies ist ein Wordpress-Theme ist, ich bin neu in Code (im letzten Jahr), wenn ich richtig oder genügend Informationen, um es versäumen mich bitte fragen und ich werde diesen Beitrag bearbeiten, und Ich benutze Bootstrap.

Ich habe versucht, auf die Verwendung von Tasten anstelle eines Radio-Selektors zu wechseln, und immer noch das gleiche Problem auftritt.

Ich schätze wirklich JEDE Hilfe zu diesem, wenn dieses Thema mit einem einfachen Link zu einem anderen geschlossen wird, entschuldige ich mich im Voraus, es ist Monate her, dass ich eine Frage in einem Forum gestellt habe, wie ich es normalerweise kann Recherchiere es selbst, da gibt es jede Menge Informationen.

Nicht genug aber offenbar^^

Voll Header.php Code:. http://www.pastebucket.com/551354

Answer 1

Die Tasten werden anklickbar, wenn ich einige z-index ihrer obersten Ebene übergeordneten Container hinzufügen.

/* 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; 
}