css background-size property wont work for iphone?

Question

I have this code:

background: url("../images/step1.gif") no-repeat top right/contain content-box;

but it wont work on iphone (I have iOS 4.3, I dont know about later versions) since no background is displayed at all. Do I need to change the syntax or is it just that the background-size property is not possible at all?

Thank you.

Doesn't it work at all, or from specific pages? – Anthony Horne Mar 03 '15 at 07:14 — Anthony Horne, Mar 03 '15 at 07:14
For all but i already solved it. Thank you anyway. – Cain Nuke Mar 03 '15 at 07:45 — Cain Nuke, Mar 03 '15 at 07:45
Please post your solution as an answer to your question – Toby Allen Mar 03 '15 at 07:47 — Toby Allen, Mar 03 '15 at 07:47

score 0 · Answer 1 · answered Mar 04 '15 at 05:05

I was requested to post the solution. Okay, its very simple. I just took the value for background-size off the shorthand background property and stated it as a separate property like this:

background: url("../images/step1.gif") no-repeat top right content-box;background-size:contain;-webkit-background-size:contain;

That did it for me. You have to write more code but well, its the way things work for now.

css background-size property wont work for iphone?

1 Answers1