Bug 96489 – Dynamically switching background-size doesn't work correctly

• Status: RESOLVED
• Resolution: WORKSFORME
• Component: CSS

The javascript implementation of the background-size property for the values "cover" and "contain" is inverted with the CSS rendering.

- Css3 background-size:cover gives the same result that javascript document.getElementById("test").style.backgroundSize = "contain";
- Css3 background-size:contain gives the same result that javascript document.getElementById("test").style.backgroundSize = "cover";

[Simon Fraser (smfr)]

Your JS is wrong in the fiddle:

            document.getElementById(divJS).style.backgroundSize = "cover";
should be

            document.getElementById('divJS').style.backgroundSize = "cover";