Meine Fußzeile Link CSS-Stile funktionieren nicht

Die Links in meiner Fußzeile funktionieren nicht. Die Links sind nicht erreichbar oder anklickbar.Meine Fußzeile Link CSS-Stile funktionieren nicht

Es tut mir leid, ich habe hinzugefügt, dass der Z-Index auf der Fußzeile auf -999 gesetzt, so dass es hinter dem Hauptinhalt bleibt. Gibt es eine Arbeit, wenn das der Fall ist?

<footer> 
    <ul> 
     <li><a href="contact.html">Contact Us</a></li> 
     <li><a href="about.html">About EIC</a></li>    
    </ul> 
</footer>

footer { 
    position: fixed; 
    width: 100%; 
    height: 8em; 
    background-color: e0e0e0; 
    z-index: -999; 
    overflow: hidden; 
    bottom: 0px; 
    padding-top: 2%; 
} 
footer li { 
    display: inline; 
    padding: 2em; 
} 
footer a:link { 
    color: #000; 
    text-decoration: none; 
} 
footer a:hover { 
    color: #999; 
}

View it on jsFiddle.

Quelle

2012-03-30 amandathewebdev

Ihre z-index: -999 auf die Fußzeile es hinter dem eigentlichen Dokument bewegt. Daher sind die Links nicht anklickbar oder erweiterbar.

Eigentlich ist diese Art von Problem leicht zu bemerken, wenn Sie die "Inspect Element" -Funktion von Firebug oder Firefox-Entwickler-Tools verwenden. Wenn Sie den Link prüfen, wird nicht der Link, sondern Ihr Dokument ausgewählt - das besagt, dass der Link hinter einem Element steht (das Element, das anstelle des Links überprüft wurde).

Quelle

2012-03-30 22:13:28 ThiefMaster

Die z-index: -999 Deklaration entfernen. Ihre Fußzeile befindet sich hinter dem anklickbaren Seitenbereich.

Quelle

2012-03-30 22:13:55 Interrobang

Okay, das löst das Link Problem, aber ich habe den Z-Index auf diese Weise festgelegt, so dass die Sticky Footer hinter dem Inhalt der Seite bleibt. Ohne es schneidet es den Inhalt ab. Könnten Sie eine Arbeit empfehlen? – amandathewebdev

Was die oben genannten Leute sagten, plus Ihre fehlende # für Sie Hintergrundfarbe.

http://jsfiddle.net/Vsvg2/8/

Quelle

2012-03-30 22:15:22 mikevoermans

Sorry wegen der Verwirrung - die Geige hat das Problem korrigiert, als der Z-Index geändert wurde. aber mir wurde klar, dass andere bereits geantwortet hatten - ich wollte nur die andere kleine Korrektur einbeziehen. – mikevoermans

sollten Sie entfernen:

html{ 
    height: 100%; 
}

von Ihrem CSS.

Edit:

Sie noch z-Index zu entfernen: -999; Danke Animuson für mich zu korrigieren.

Quelle

2012-03-30 22:15:46 selo

Dies würde nur so lange funktionieren, wie der Seiteninhalt es nicht auf diese Höhe zurückdehnt. Es löst das zugrunde liegende Problem nicht. – animuson

das ist richtig. Danke. – selo

Meine Fußzeile Link CSS-Stile funktionieren nicht

Antwort

Verwandte Themen