Atrybut z-index lub coś innego

0

Witam. Otóż mam pewien problem mam taki oto układ na stronie :

  • fixedPos
    • outerDiv
      • innerDiv
        • Div1
        • Div2
  • fixedPos
    • outerDiv
      • innerDiv
        • Div1
        • Div2
  • fixedPos
    • outerDiv
      • innerDiv
        • Div1
        • Div2
          Te elementy ( fixedPos ) ułożone są jeden pod drugim. I teraz tak, chciałbym aby wszystkie elementy Div1 miały większy priorytet ( "były nad" ) wszystkimi elementami klasy Div2. Z tego co wiem z-index umożliwia ustawienie priorytetu względem swojego rodzica więc tutaj mi się to nie przyda. Czy jakiś sposób aby osiągnąć taki efekt ( jquery/ javascript? ) ? Proszę o pomoc i pozdrawiam.
0

Nikt żadnego pomysłu nie ma jak można by to rozwiązać ?

0

Ale chcesz żeby wyświetlały się w innej kolejności, czy żeby w kodzie html zmieniały pozycję ?

0

Chciałbym żeby divy o klasie Div2 były nad divami klasy Div1 ( przysłaniały je, gdy elementy tych klas znajdą się w jednym miejscu ). Wiem, że ustawiając odpowiedni z-index mógłbym przysłonić rodziców ( innerDiv, outerDiv... ), natomiast nie wiem jak to ustawić gdy klasy nie mają ze sobą w relacji potomek-rodzic. Wiesz może czy jest to możliwe w ogóle czy trzeba przebudować tą strukturę?

0

Jak rozumiem, to chcesz aby jeden element "nachodził" wizualnie na drugi. Do tego wykorzystać można css i position: absolute i wtedy można przemieszczać elementy siostrzane względem siebie albo sprawić, że na siebie nachodzą. Wtedy przydaje się z-index, który określa, co jest "na wierzchu" kiedy jeden element nachodzi na drugi.

http://kodcss.pl/kurs-css/lekcje/dzial-1/pozycja-relatywna-absolutna-ustalona

1 użytkowników online, w tym zalogowanych: 0, gości: 1