react carousel css/sass

Question

Problem dotyczy chyba bardziej reacta niż css(w czystym css jest to proste) wiec tu zamieszczam pytanie.

W css jeżeli chcemy aby div zachodził na drugiego diva po prostu dajemy ujemny margin- proste. Ale tu mi to nie działa. Otóż chciałbym aby div nachodził na carousel. Ujemny margin i z-index nie działa. Czy ktoś wie jak to rozwiązać? 

code

 https://github.com/robkot500/electric_site

live

https://robkot500.github.io/electric_site/

przyciski do przewijania są na samym dole, 

proszę o pomoc

Answer 1

Chodzi Ci o to, aby <div class="abc"> nachodził (był w osi "z" nad) na .react-swipe-container carousel?

Daj mu position: relative;

Comments

wielkie dzięki, działa :), ale mógłbyś mi powiedzieć jednym zdaniem dlaczego relative?

---

Element .react-swipe-container carousel oraz jego potomkowie mają ustawiony position inny niż static (wartość domyślna), co wpływa na ułożenie ich "wyżej" na stosie względem osi "z". Element .abc jest pozycjonowany statycznie, więc był przykryty.

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/Stacking_without_z-index

---

jeszcze raz wielkie dzięki