Forums

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

Home Forums CSS iOS background-size issue

  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #35785
    kevsyers
    Participant

    I have a div that stretches 100% with a background image. I have the following CSS applied to the div;

    .top-wrapper {
    width:100%;
    height:186px;
    position:absolute;
    top: 0px;
    background: url(images/header-bg.png) center;
    background-size: 100% 186px;
    -webkit-background-size: 100% 186px;
    z-index: 10;
    float: left;
    }

    The issue comes into play when I view the site on my iPad. The background image doesn’t size to 100% width. I’ve searched this site and many others and everyone seems to find success in using the webkit part of the CSS. However, this isn’t working for me.

    Here is the url to the site (it’s under construction so it might look a little funky)

    http://production.semplesolutions.com/harveys/

    #93242
    Paulie_D
    Member

    I’m wondering if this is another place where:

    would be the fix?

    #93226
    kevsyers
    Participant

    i removed the meta tag that Paulie_D mentioned and that seemed to do it. I’m pretty much restyling the twentyeleven theme in wordpress so I’m not sure what some of the code is doing at this point.

    Thanks for your help guys

    #93252
    kevsyers
    Participant

    Now the fun begins with getting this to work in ie8. yippie

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