Now this is interesting, recently had the same issue reported the other way round – works on ie, Firefox, not Chrome.
I’ve no been able to reproduce the issue so far and all test sites have worked correctly in pretty much any browser / platform.
Have you experienced any JavaScript console errors on browsers where the backgrounds are not showing?
Do you have an example URL of where it isn’t working and I’ll take a look?
Are there any specific browser versions / platform you are seeing (or not) the problem on?
Hello!
Thank you for the prompt answer!
Our website is http://easychefkitchen.ca
The background is a yellowish with brown chocolate and candy sprinkles.
It works on these browsers:
Chrome
Opera
Safari
It does NOT work on these browsers:
Firefox
Internet Explorer
I don’t know about javascript errors, I haven’t seen anything.
Thank you so very much!
OK, I took a look at your site. I can confirm that the plugin is working and loading up the background image in all browsers (you can see it’s containing div in the source and inspect it to confirm the image is loading)
It’s just hidden by other things on the screen. The problem is with z-indexes and how different browsers interpret z-index inheritance, among other things.
So basically CSS problem between your theme, customisations and all the various plugin added styles rather than the backdrop plugin itself…. there is a lot going on on that page.
A quick fix would be to add the following css to your stylesheet (or include the position and z-index attributes in an existing definition if you prefer).
body {
position: relative;
z-index: 0;
}
You are amazing!
I’m glad you took the time to answer me so quickly.
The css I added to my existing body definition worked like a charm!
Thank you again for your time and your rapidity. I will definitely continue using your plug-in for my other websites!
Glad that worked for you, if you get a moment why not be the first to review this plugin 🙂
https://ww.wp.xz.cn/support/view/plugin-reviews/jellyfish-backdrop
