Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Help with background image on iPhone 6 plus

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #203762

    I’m having problems with how the background image is presented on iPhone 6 plus (414×736). There is a line showing across the bottom.

    Here is a screenshot
    http://joinroot.com/screen.PNG

    Here is the css media query for it:

    body{ 
      background: url(assets/images/root_background.jpg) no-repeat right top fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    
    /* Landscape phone to portrait tablet */
    @media only screen and (min-width: 568px) and (max-width: 767px) { 
    
      .page-bg {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        height: 1707px;
        background-image: url('assets/images/root_background.jpg') ;
        background-position: 50% 0;
        background-repeat: no-repeat;
        z-index: -1;
      }  
    }
    

    I read that for iPhones I needed to create a new background for a div rather than for the body so thats why I have a background rule for page-bg and for body

    Here is a link to the site:

    http://joinroot.com

    Any ideas?

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.