I have two div in my webpage, it is the two possible option the user can choose from. I set each div background with css (background-image). The images are preloaded, when the site loads. There is two possible state, when an option selected xxx_image_enabled.png are set as a background image, when the option is not selected, xxx_image_disabled.png is set as a background image. In some browser (Chrome) it is flashing a little bit. I set the background-image property with jQuery.
The css looks like this:

.option-div{ width: 70px; height: 70px; background-position: center; background-size: contain; background-repeat: no-repeat; margin: 0 auto;}Any idea what causes the flashing? After a refresh it disappears.


Check Solution