i have made a website with fixed background on the home page . it works perfectly in computer screens and android devices but the image became extra zoom and blurry in ios devices and safari browser
i have tried using webkits
{-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
or
@supports (-webkit-overflow-scrolling: touch) {
body { background: none !important; }
and ...
i have read tons of articles in stackoverflow and followed all the instructions but none of them worked is there a way to make background-attachement: fixed; work on all devices if not can i do something so the attachement become scroll only for ios devices?
