Woocommerce Product Image White Dots Internet Explorer Error

Question

I have an ecommerce website which uses Wordpress CMS and Woocommerce plugin.

The product images looks good on all the browsers except Internet Explorer.

When a category page loads, the product images have some white dots that disappear after the page completly loads. But on Internet Explorer the dots don't disappear.

I've read something about the jQuery fadeIn function. But I don't know the solution for this.

You can see below the problem:

Full screen image: here

Still no answer. This is important. Any help will be great.

Answer 1

It's an Internet Explorer bug, which appears when using fadeIn animations. You have to adjust the black level of the image by replacing real black (#000000) with very dark gray (e.g. #010101).

You can use Gimp to replace the colors: Colors > Map > Color Range Mapping

More information here, here, here and here.