Kann nicht auf den link klicken

Ich habe meine website hochgeladen, so kann man sehen, wie es funktioniert, und können auch überprüfen Sie die CSS gibt. Es ist nicht voll zu arbeiten, aber das problem ist sichtbar. http://exampleforso.uw.hu/testvertaboraink.html

Mein problem ist, dass ich nicht auf den link klicken, auf der Seite. Jemand kann mir helfen, meine richtige code?

Ich bin noch neu in CSS, so dass mein code vielleicht chaotisch oder unvollkommen. Und sorry für die Sprache in Ungarn.

  • Veröffentlichen Sie Ihren code in Ihre Frage bitte.
  • Werde es das nächste mal, danke für die Anregung. Ich nahm an, der code ist zu lang, es hier zu posten.
InformationsquelleAutor András Tóth | 2014-09-30
  1. 5
    #menuwrapper {
  position: absolute;
  top: 212px;
  right: 0;
  bottom: auto; /* or just remove */
  left: 0;
  z-index: 1;
}

    Legen Sie ein top-Wert UND einem unteren Wert von 0, mit der keine Höhe. Der browser wird diese Lücke füllen bis. Dies bedeutet, dass die Menü-wrapper auf der Oberseite des restlichen Inhalte, also, wenn Sie denken, Sie sind, klicken Sie auf den link, du bist wirklich ein Klick auf die Menü-wrapper.

    Sollten Sie loszuwerden, alle diese position absolute, oder zumindest eine bessere z-Indizierung so, dass die "3D" - Darstellung korrekt ist.

    • Dies ist die richtige Antwort UND eine gute Erklärung (UND eingereicht wurde, bevor meine). Weg, um den rest von uns Aussehen chumps
    InformationsquelleAutor Bram Vanroy
  2. 0

    Das problem ist dein header hat eine Höhe von 700px und position absolute, was bedeutet, dass es überschneidungen, die nicht nur Ihre Verbindung, aber Sie die ganze Seite, So entfernen Sie entweder die Höhe oder die position absolute.

    InformationsquelleAutor Gho
  3. 0

    In Ihrem styletest.css Datei.

    Vom #menuwrapper Entfernen Sie die Eigenschaft z-index:1;

    Und es funktioniert perfekt.

    Was hier passiert ist, deine div enthält, der link ist erste überlappt, die von dem div mit der id=menuwrapper. Und diese beiden divs haben z-index - Eigenschaft auf 1 festgelegt.

    Entfernen, die von #menuwrapper sollte das problem lösen.

    Sollten Sie nicht wirklich spielen mit der Höhe der Werte, denn es kann verzerren Sie Ihre Orientierung und Ausrichtung sollten Sie öffnen, die website auf dem Bildschirm, das ist riesig.

    • Dadurch wird der hover-Menüs zur Anzeige hinter dem Inhalt.
    InformationsquelleAutor AdityaParab
  4. 0

    entfernen Sie die bottom:0 Regel von Ihrem #menuwrapper CSS-block. damit wird die Menü-wrapper zu übernehmen, die richtige Höhe, diktiert durch seinen Inhalt.

    Diese Weise, Sie brauchen nicht zu erklären, eine bestimmte Höhe (was würde sich ändern, mit Sachen wie Schriftgröße, etc.) oder ändern der z-index, mit dessen Hilfe der Menü-flyouts zur korrekten Anzeige über den Inhalt der Seite.

    InformationsquelleAutor hair raisin
  5. 0

    Geben Sie Ihre menuwrapper eine Feste Höhe. So etwas wie dieses:

    #menuwrapper {
    height: 45px;
}

    oder entfernen Sie den "z-index", die Sie gegeben haben, um die menuwrapper.

    Derzeit, Ihre menuwrapper hat eine Höhe von 430px und zusammen mit dem z-index macht es den link, unklickbaren.

    Update: Entfernen der "untere" Wert ist die richtige Lösung.

    • arbeiten, danke! werde abstimmen, wenn ich genug Ruf. irgendwelche anderen Vorschläge?
    • Das ist falsch, auch das funktioniert, aber das ist nicht, was Sie tun sollten. Diese behandelt nicht das eigentliche problem. Lassen Sie die Höhe auf auto, aber Sie brauchen, um zu entfernen bottom: 0;. (Siehe mein Beitrag für die Erklärung.)
    • Wenn Sie mit der rechten Maustaste auf Ihre menuwrapper und wählen Sie "element Untersuchen". Sie werden sehen, die CSS auf der rechten Seite. Wenn Sie manuell eine Höhe oder deaktivieren Sie die z-index, dann wird Ihr link angeklickt werden.
    • Ja Bram, du hast Recht. Deine Antwort ist korrekt. Ich hatte nicht bemerkt, dass die menuwrapper gegeben worden war, ein "bottom" - Wert ein.
    InformationsquelleAutor consuela
Schreibe einen Kommentar