How to view responsive website on Imac and Ipad? Topic is solved

[guy_in_ohio]

For Pavel-ww,

I am trying solve the same problem. I know I don't want to use background-attachment: fixed; but I don't understand how to use the .scoll-bg either. URL: https://neilrisko.com/HCE/index.php/one-page-new

[Pavel-ww]

For Pavel-ww,

I am trying solve the same problem. I know I don't want to use background-attachment: fixed; but I don't understand how to use the .scoll-bg either. URL: https://neilrisko.com/HCE/index.php/one-page-new

Hi. Explain your problem in detail

[guy_in_ohio]

I what to us a backgound image to scroll as it would with background-attachment: fixed;
That does not work in safari.

I have

#g-header {
background-image: url('backgroundimageexample.jpg');
background-repeat: no-repeat, no-repeat;
background-attachment: fixed;
}

[Per Yngve Berg]

https://www.w3schools.com/cssref/pr_bac ... chment.php

[guy_in_ohio]

If you look at https://neilrisko.com/HCE/index.php/one-page-new it's jittery in Safari.

body {
background-image: url("img_tree.gif");
background-repeat: no-repeat;
background-attachment: fixed;
}

That will also jitter.

[guy_in_ohio]

Any idea what I need to fix this?

[Pavel-ww]

Any idea what I need to fix this?

Hi.

background-attachment: fixed; not supported by iOS.

The easiest way is to change this to background-attachment: scroll; using special media queries for Apple devices. You can find them in Google.

But if you want keep background image fixed behavior on iOS devices, there is no simple way. Only workarounds. Google the subject "background-image fixed ios hack"