Z index

Kajetan Dąbrowski
  • Rejestracja:ponad 4 lata
  • Ostatnio:ponad 4 lata
  • Postów:5
0

Problem jest taki:
mam zdjecie ustawione na position: fixed; w tle całej strony jest przycisk. Gdy zjade scrollem tak że to zdjęcie najeżdża na przycisk to chce aby przycisk był za zdjęciem a nie przed. Stwierdziłem więc że dam z index. Działa, ale nie można kliknąć przycisku. A przycisk ma działać. Z góry dzięki za pomoc.

cerrato
Moderator Kariera
  • Rejestracja:około 7 lat
  • Ostatnio:około 19 godzin
  • Lokalizacja:Poznań
  • Postów:8802
1

Pierwsza sprawa - czy ustalasz Z-Index tylko dla zdjęcia, czy dla obu elementów? Bo teraz chyba dla jednego elementu masz określoną "wysokość" ale drugi ma "auto". Poza tym coś mi świta (ale może to błędny trop, teraz za bardzo nie mam jak sprawdzić), że z-index działa tylko na elementach pozycjonowanych. Dla position: relative; czy coś w tym stylu i zobacz, czy coś się zmieniło.

W ogóle to może daj jakiś kod - łatwiej będzie coś sensownego pomóc.


edytowany 2x, ostatnio: cerrato
Kajetan Dąbrowski
  • Rejestracja:ponad 4 lata
  • Ostatnio:ponad 4 lata
  • Postów:5
0
Kopiuj
#content {
    background-color: #ffffff;
    width: 900px;
    margin: auto;
    margin-top: 140px;
    border: 10px solid #EBEBEB;
    min-height: 100px;
    margin-bottom: 20px;
}

#skins {
    max-width: 700px;
    position: fixed;
    left: 350px;
    z-index: 998;
}

#house {
    width: 880px
}

#readmore {
    position: absolute;
    left: 560px;
    bottom: 40px;
    text-decoration: none;
    color: #ffffff;
    background-color: #00A2E8;
    width: 200px;
    height: 43px;
    text-align: center;
    font-weight: 600;
    padding: 5px;
    border: 4px solid #ffffff;
    z-index: 999;

}

#readmore:hover {
    background-color: #42C7FF;
}
edytowany 1x, ostatnio: cerrato
cerrato
to jest tylko CSS, a gdzie HTML? Wrzuć może całość na http://jsfiddle.net i podeślij link do działającej wrzutki.
Kajetan Dąbrowski
  • Rejestracja:ponad 4 lata
  • Ostatnio:ponad 4 lata
  • Postów:5
0

@cerrato: dałem

Freja Draco
Freja Draco
  • Rejestracja:około 7 lat
  • Ostatnio:ponad 3 lata
  • Postów:3394
1

Nie całkiem ogarniam, co chcesz zrobić, ale jeżeli dobrze rozumiem, że przycisk ma być klikalny nawet znajdując się za półprzezroczystym zdjęciem, to ustaw zdjęciu pointer-events: none;
https://www.w3schools.com/cssref/css3_pr_pointer-events.asp


Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.