CSS problème derrière le contenu non cliquable

Question

Vérifiez ceci: http://42.201.162.12/abd.html

Je ne suis pas en mesure de cliquer droit bouton de recherche image latérale main etc

codes de contrôle par viewsource et laissez-moi savoir :(

Answer 1

Vous avez placé le panneau supérieur au-dessus de l'autre élément en utilisant le z-index.

Vous pouvez y remédier en donnant la #head une plus z-index et le retrait du background-color

#head { 
    top: 5px; 
    right: 0px; 
    width: 100%; 
    position: fixed; 
    border: 1px solid #336; 
    border-bottom: 0px; 
    background-color: #404040; //REMOVE THIS 
    margin: 0; 
    z-index: 2000;   //ADD THIS 
} 

Answer 2

Votre # Le z-index de toppanel est 999. Cela le place sur le bouton de recherche, c'est pourquoi il n'est pas cliquable Pour preuve, définissez l'index z de votre élément #head à 1000 et votre bouton de recherche devient cliquable

Ceci est su ne comptez pas sur ce que vous voulez, donc la bonne approche est que les éléments #toppanel et #head en fassent partie. Si l'utilisation est flottante: à droite si vous voulez que ces boutons flottent vers la droite. Le fait de simplement placer un div sur un autre comme votre implémentation actuelle ne l'est pas vraiment.

Aussi, si vous souhaitez mieux apprendre css, voici un excellent outil d'apprentissage, je moi-même et peut porter garant pour elle: http://w3schools.com/

En outre, la validation de votre code avec l'outil validateur est une bonne habitude pour avoir: http://validator.w3.org/