Non riesco a fare clic su un collegamento all'interno del div fisso

Question

Questo collegamento, che si trova all'interno di un div chiamato .user_minibar con la proprietà position:fixed; e posizionato nella parte superiore della pagina, non può essere selezionato. Quando metto il mouse su quel collegamento, il mio cursore non si trasforma nemmeno in un puntatore.

A meno che non scorra un po ', non riesco a selezionarlo (funziona solo quando il mio collegamento è esattamente sotto il tag h1 (strano, giusto?)).

Ecco la mia jsfiddle: http://jsfiddle.net/Arkl1te/9XkHa/

Answer 1

Uno degli elementi principali è probabilmente sovrappone il tuo div. Prova ad aggiungere z-index: 1; al tuo .user_minibar.

Answer 2

Aggiungere z-index a .user_minibar, viene sovrapposto dallo h1.

.user_minibar{ 
    position: fixed; 
    width: 250px; 
    height: 30px; 
    background: rgba(255,255,255,.8); 
    border-bottom: 1px dotted red; 
    color: red; 
    font-size: 14px; 
    z-index: 1; 
}