CODEWITHSUNDEEP
cssimagefullscreen
B-CHI
B-CHI

Reputation: 149

Background image in fullscreen

I use this code to show image full screen in my desktop 

<style>
 body{
  background: url("under-constraction1.jpg")no-repeat fixed 0 0 / cover ;
 }
</style>

but in mobile in Firefox browser a piece of my image is shown

how can I fix it?

Upvotes: 0

Views: 167

Answers (2)

User
User

Reputation: 1363

Use this 

 body{     
    background: url("under-constraction1.jpg") no-repeat center center fixed
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
 }

Upvotes: 2

Kyi Thar Chan Aye
Kyi Thar Chan Aye

Reputation: 1

body{
    width:100%;
    height: 100%;
    background-image: url("./images/under-constraction1.jpg");
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

Upvotes: 0

Related Questions