Dies ist die Website, an der ich arbeite: http://labbrini.netsons.org und auf seiner linken Seite habe ich ein div (#puntate), das auf dem Javascript des großen Lippen-Logos (#logo), die sich über alles zeigt. Natürlich müssen die Links von #puntate anklickbar sein, auch wenn das Logo darüber zeigt. Z-Index funktioniert dafür nicht. Kann mir jemand bei dieser Positionierung helfen?Positionierung eines HTML-Elements über ein Javascript
Bei der Überprüfung Ihres Codes in meinem Browser habe ich gesehen, dass Sie px für z-index verwendet haben.
Dont für alle Einheiten geben z-index
In Ihrem CSS, ersetzen,
z-index: 900px;
mit
z-index: 900;
Wie erklärt im docs
Die Eigenschaft z-index gibt die Z-Reihenfolge eines Elements und seiner Nachkommen an.
Und, Bestellung hat keine Einheit. Also keine Notwendigkeit für irgendwelche Einheiten. Jedes Element mit einem höheren Z-Index befindet sich über anderen Elementen.
Oh danke! Das war mein großer Fehler. Jetzt funktioniert es aber ich musste ein anderes div erstellen –
Großartig .. :) froh, dass es geholfen hat. Aber Sie hätten die Antwort als akzeptiert markieren können, da die Antwort das genaue Problem löst. – Lal
Fertig jetzt. Sorry, ich bin neu hier und du kannst mich verstehen;) –
Danke euch allen. Der Wert für den Z-Index war mein blöder Fehler. Aber ich musste ein bisschen mehr basteln, um zu bekommen, was ich wollte. Ich habe ein anderes div # LEFT2
<div id="left"></div>
<div id="left2"><div id="puntate"><ahref="http://labbrini.netsons.org/Labbrinip1">
Labbrini p.1 - Lorem ipsum dolor sit amet</a><br/>
</div></div>
so, dass meine div in Frage (#puntate) gehört zu den neuen und ich die Hintergrundfarbe auf transparent, um unterhalb des alten mit dem Farbübergang zu sehen:
#left2 {
background-color : transparent;
position:fixed;
display: table;
z-index:1000;
width:50%;
height:100%;
position:fixed;
bottom:0;
left:0;
}
und die z-index von #puntate natürlich wird auf einen höheren Wert gesetzt als #logo
Es tut mir leid für die zuvor den Code nicht geschrieben hat.
Bitte fügen Sie hier einen aussagekräftigen Code und eine Problembeschreibung hinzu. Verknüpfen Sie nicht einfach mit der Website , die behoben werden muss - andernfalls wird diese Frage an zukünftige Besucher verloren gehen, sobald das Problem gelöst ist oder wenn die Website, auf die Sie verlinken, nicht erreichbar ist. Wenn Sie ein [Minimales, vollständiges und verifizierbares Beispiel (MCVE)] (http://stackoverflow.com/help/mcve) schreiben, dass Ihr Problem demonstriert, können Sie bessere Antworten erhalten. Weitere Informationen finden Sie unter [Etwas auf meiner Website funktioniert nicht. Kann ich einfach einen Link einfügen?] (Http://meta.stackexchange.com/questions/125997/) Danke! – j08691
Sie sollten Ihr Problem html und CSS-Code in der Frage erwähnen. – shinzou