Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #454431

    Background images are not correctly displayed on Chrome and Safari when I set the background image to “fixed” instead of “parallax”.
    But it is perfect on Firefox and ie.
    Can you please check?

    #454911

    Hey alexisvillain!

    I couldn’t see any difference comparing your site between latest versions of Chrome and Firefox, could you provide us with some screenshots of the problem?

    Cheers!
    Rikard

    #454930

    Actually, I found the problem but I don’t understand why it was happening.
    If I use this css:

    .avia-section {
    -webkit-filter: saturate(150%);
    -moz-filter: saturate(150%);
    -o-filter: saturate(150%);
    -ms-filter: saturate(150%);
    filter: saturate(150%);
    }

    And if the background is set on “fixed” instead on “parallax”, it doesn’t display correctly.

    I suppressed this css on my client website but it is still here : http://playtime.animalpensant.eu/

    Thank you for your help.

    #455699

    Hi!

    I had a look at your site again and to me it looks great on Chrome, there seems to be some problems on Firefox though with the background with water? Could you please provide us with screenshots of what you are seeing on your end? Also, try to remove all custom CSS and clear all browser and plugin cache.

    Best regards,
    Rikard

    • This reply was modified 10 years, 1 month ago by Rikard.
    #455944

    Hello,
    Did you have a look on the right website: http://playtime.animalpensant.eu/ ?
    Here is a screenshot: http://playtime.animalpensant.eu/Sans%20titre-1.png

    When I remove all custom css it works. As I told you, it stops working when I add this in the custom css:
    .avia-section {
    -webkit-filter: saturate(150%);
    -moz-filter: saturate(150%);
    -o-filter: saturate(150%);
    -ms-filter: saturate(150%);
    filter: saturate(150%);
    }

    Can you understand why?

    Thank you

    #456013

    Hi!

    Sorry I looked at the wrong page. I have no clue why that is happening when you are using saturate, but maybe it would be a better idea to edit the images in Photoshop to make them look the way you want than doing it with CSS?

    Cheers!
    Rikard

    #456228

    Yes indeed, photoshop is the best way, but I would have been glad to understand why saturate has this strange effect.
    Thank you anyway!
    Best
    Alexis

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Problem with displaying background images on Chrome and Safari’ is closed to new replies.