Wie kann ich das Header-Bild über den Slider mit Index CSS setzen?

Question

Ich arbeite an einer mir zugewiesenen Aufgabe. Die URL zu der Site, an der ich gerade arbeite, wird angegeben. http://business-deal.ca/baby/

Wenn Sie am Schieber sehen das ganze Bild sehen, wie die

Aber der erste Teil der Header-Bild ist wegen des Schiebers nicht gezeigt. Ich markiere einen schwarzen Kreis in der folgenden Abbildung.

Ich möchte dies über dem Schieberegler sein, so dass das sichtbar sein sollte. Wie kann ich den Schieberegler das Bild nach unten schieben? Der Css-Code wird angegeben, den ich verwende.

.header_image{ 
    position: relative; 
} 
.Header_banner { 
    position: relative; 
} 
.main-header > .container { 
    position: relative; 
} 
.header-wrapper { 
    background: #faf1f5; 
    margin-bottom: -66px; 
} 

Ich mache gute Änderungen in diesem durch Inspect-Elemente, alle Code ist dort sichtbar. Bitte helfen Sie mir in diesem Fall werde ich sehr dankbar sein Vielen Dank im Voraus

Answer 1

Nach harter Arbeit habe ich das Problem gelöst und jetzt funktioniert es. Wenn jemand aus inspizieren Elemente lernen will hinzugefügt die ich den folgenden Frieden von Code

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { 
    display: block; 
    z-index: 30; 
    position: relative; 
} 

Dank an alle.