Button auf der Webseite gehen 'hinter' Elemente unabhängig von Z-Index, Position ist als fest definiert

Ich habe keine Ahnung, was ich mit diesem Knopf tun soll (die "donate" one here). Ich habe für die mobile Version ein paralleles Plug-in verwendet, das mit einer definierten Position von fixed einwandfrei funktioniert.Button auf der Webseite gehen 'hinter' Elemente unabhängig von Z-Index, Position ist als fest definiert

Dies ist auch Position fixiert, sondern die „Spenden“ Knopf hinter so ziemlich alle Elemente läuft weiter, die, da ich es sehr schlecht aussieht wollen oben :(jede Hilfe sehr geschätzt wird.

Quelle

2016-07-07 Sebastian

Bitte geben Sie ein minimales, verifizierbares Beispiel in Ihrer Frage an. Davon abgesehen ist z-index relativ zu übergeordneten Elementen mit nicht-statischer Positionierung. Wenn Sie also die Eigenschaft 'z-index: 999' für ein Element haben, das in einem Element 'z-index: -1' verschachtelt ist, wird dies der Fall sein immer noch hinter anderen Elementen. – TheThirdMan

Entfernen Sie die Schaltfläche von dort, legen Sie es nach Ihrer 'Container Zeile' .. es funktioniert –

Vielen Dank! Ich habe es separat in einen anderen Container gelegt. Der Z-Index wurde von der Position des Hauptelements beeinflusst, genau wie du gesagt hast. Jetzt funktioniert es perfekt! vielen vielen Dank! – Sebastian

U diesen Knopf aus entfernen sollte da! Kopieren Sie dieses Element mit id donate_widget, und es vor Behälter Paste mit Klasse at-content. ich denke, das sollte funktionieren!

Quelle

2016-07-07 11:21:49

Ich habe dieses Element als Stand-alone verschoben und es funktioniert jetzt perfekt. Vielen Dank!! – Sebastian

I mit z-Index als auch einige ähnliche Probleme hatten. Hier können Sie einige Informationen über sie finden https://www.smashingmagazine.com/2009/09/the-z-index-css-property-a-comprehensive-look/

Wenn Sie bedenken, dass die Schaltfläche eine feste Position für die gesamte Webseite (nicht nur für einen Abschnitt) ist, können Sie sie vielleicht im HTML-Baum nach oben verschieben. Mit anderen Worten, mach es zu einem direkten Nachkomme des Körperelements - oder einer Reihe oder etwas, das über deinen anderen Elementen liegt.

Quelle

2016-07-07 11:27:54 Tezekiel

Ich habe es im HTML-Baum im Grunde verschoben, machte es Stand-alone nicht parrented; Das hat es behoben, vielen Dank für deine Hilfe! – Sebastian

Ich habe es gefunden. Also ging ich zum Elternelement und das Div mit der ID fws_577e3c5a64f62, die die Schaltfläche enthält, sollte den hohen Z-Index haben. Dies scheint das Problem für mich zu beheben.

Quelle

2016-07-07 11:32:17

Danke, ich habe es zu einem Stand-Alone-Element gemacht, nicht zu etwas pararent und es funktioniert! Vielen Dank für die Hilfe, du bist super Jungs! – Sebastian

Button auf der Webseite gehen 'hinter' Elemente unabhängig von Z-Index, Position ist als fest definiert

Antwort

Verwandte Themen