There seems to be a bug in IE that causes many of the hats to just display completely black in IE 11 on Windows 10:
Just for reference, these are the same hats shown in Google Chrome on the same PC:
There seems to be a bug in IE that causes many of the hats to just display completely black in IE 11 on Windows 10:
Just for reference, these are the same hats shown in Google Chrome on the same PC:
<style>
block of the SVG image which is causing the colors not to be applied to the appropriate sections. Weird that some of the colors work and others don't. All the images are built the exact same way.hats = document.querySelectorAll('img'); Array.prototype.forEach.call(hats, function(img){ var src = img.src; if(src.indexOf('data:')!==0){ return; } var markup = decodeURIComponent(src.substr(src.indexOf(',')+1, src.length)); img.src = URL.createObjectURL( new Blob([markup], {type: 'image/svg+xml'})); });
. Note that I wasn't able to make a selector like'.hats img[src^=data], [id*=hat] img[src^=data]'
to work on IE11, but I don't really know this UA.