Background display issue

Hello all,

I added a background image to my site, using CSS. It displays fine with Mozilla, but with some others (for example using Chrome on my Android device, or using Ubuntu’s built-in browser) the background image displays OVER some text (making it hard to read) or even over images in a post. This is of course not desirable…

Any ideas on how to fix this? My site is https://alter.cat , you can have a look and see if it displays fine (go to any post in the Releases category for example, and look at the images posted at the bottom)

I’ve realised that, reverting to the default theme of WP, or the plain (not PRO) version of Customizr, the problem disappears.

It persists even when all CSS code is removed, and even deleting the background image of the server (yes, I have emptied the cache). In that case, the background disappears, but still post images and text are not displayed correctly, as if the background was over the content.

See this to understand what I mean: https://alter.cat/screenshotaltercat.png

left side shows mozilla output, right side shows chrome… this has me really puzzled!!!

I’m using WordPress 4.4 with Customizr Pro theme. This is the code I used:

body {
background-image: url(https://alter.cat/wp-content/uploads/BackgroundImage3.png);
}
.tc-header {
background: none !important;
}
.fpc-container.fpc-marketing {
background: none !important;
}
#main-wrapper {
background: none !important;
}