Background Image on IOS (Safari)



If I use the following code"background: url(Baobab1.png) no-repeat center bottom; " _
& "position:absolute; width:100%; height:100%; background-color:lightgrey;"

to set the background image (I am doing this rather than setting the property as I cant see a way to force the image to the bottom of the form).

It works in Chrome Browser and with Chrome on an Android device but not with Safari.

Is there perhaps a better way for me to do this that works on all browsers? or is it perhaps the size of the image ?

Many Thanks



You’re doing this the right way, from what I can see. It appears to be a “quirk” in iOS.

A workaround might be to use an Image control that sits underneath your other controls instead of a background. You would then have more control over its placement.