CODEWITHSUNDEEP
csssafari
Stephen Sneijder
Stephen Sneijder

Reputation: 1

background image doesn't work on safari

I am new to programming and i made my first website for a friend. www.goalstars.be but apparently the background image of the landingspage doesn't work tried the solutions posted here but nothing seems to fix it. i am runnning my head in the wall. I think i made a huge mistake somewhere. hopefully someone can help me. thanks in advance

this is the css code i use for the header

header {

    background-image: url('img/landing.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-attachment: fixed;
    border-bottom: solid 1px #00AB1C;
    z-index: -1;
}

Upvotes: 0

Views: 711

Answers (2)

Shital Marakana
Shital Marakana

Reputation: 2887

try below css code 

<style type="text/css">
header {
    background:url("img/landing.jpg") no-repeat scroll right top #000000;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size:cover;
    background-size: cover;
    background-attachment: fixed;
    height: 100vh;
    border-bottom: solid 1px #00AB1C;
    z-index: -1;
}
</style>

Upvotes: 0

Victor Allegret
Victor Allegret

Reputation: 2394

I had the same problem with Safari, so i removed the negative z-index and that worked for me

Upvotes: 1

Related Questions