Z index

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.

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.

#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;
}

@cerrato: dałem

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