background-size: cover failing (stretched) in IOS7 Safari Mobile

I could not find any fixes for this problem. Turns out it was caused by using background-attachment: fixed at the same time. Remove fixed attachment and IOS will render cover just fine.

Published by Yuji Tomita

I'm a human person. I excel in crafting holistic technology solutions that extend beyond a narrow technical scope.

2 Comments

  1. MadMotts says:
    April 22, 2014 at 9:22 pm

    Nice. thanks. I had to overwrite it for some reason.

    background-attachment: initial

    Reply
  2. brainhappywebs says:
    April 20, 2016 at 4:37 am

    This will resolve any future problems:
    http://blog.brainhappy.ca/css-background-size-cover-making-it-work-for-mobile-ios/

    Reply

Leave a Comment