Posts

Showing posts with the label cross-browser

elements with background-attachment: fixed don't behave same on mobile as on desktop

elements with background-attachment: fixed don't behave same on mobile as on desktop Seems like this issue is known for few years already. I tried to apply blurred background to inside elements with class " .blurred-bg " as per this example https://codepen.io/ariona/pen/geFIK . It has one clear-version image applied as background of body element and blurred-version of same image is applied to elements with class .blurred-bg . .blurred-bg .blurred-bg Here is my code do you know, what can I try to make it work? <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>blurred background sablona</title> <style> body { margin: 0px; padding: 0px; background-image: url("https://lh4.googleusercontent.com/-3eBjuQpOGFw/U47yh_-OycI/AAAAAAAAI2U/uaU5pK49N1w/s1600/normal.jpg"); background-repeat: no-repe...