• Posted by Uong Jowo
  • Sunday, February 17, 2019
  • Comments 9
A blog or website background image not working on actual mobile devices.
Use css below

1. Left background image:

@media(max-width:480px){
body{
background-image: url("img.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top left;
background-size:350% auto;
}
}
Left background


2. Center background image:

@media(max-width:480px){
body{
background-image: url("img.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;
background-size:350% auto;
}
}
Center background

2. Right background image:

@media(max-width:480px){
body{
background-image: url("img.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top right;
background-size:350% auto;
}
}
Right background
«
Next
Newer Post
»
Prev
Older Post

9 komentar:

  1. This is unrelated to the post but I just wanted to know what can I use to make my blog title like your what site did you go to to create it or what can I do to get my titles blog name custom like yours?!

    ReplyDelete
  2. please send me blogger templates info.kmngh@gmail.com

    ReplyDelete
  3. Nice Blog...
    In this blog I got valuable information about ....
    We provide IELTS Coaching Class in Gurgaon for abroad immigration at Super Achievers Abroad Education.

    ReplyDelete
  4. Nice Blog...
    In this blog I got valuable information about ....
    We provide IELTS Caoching Classes in Gurgaon for abroad immigration at Super Achievers Abroad Education.

    ReplyDelete
  5. Get customized printing for your business done in a few minutes for the best price from Inkmonk.

    ReplyDelete
  6. Smartphones are extremely sensitive to external damage. So it's best to protect with a case. Get your custom design embedded personalized Phone Case from Printo.

    ReplyDelete

if you want a template from me ? make sure that you entered your email address !