Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
Sign in to follow this  

CSS Grayscale Filter Won't Work on IE11


Hey all,

I'm having a hard time getting a section of code to work properly for Internet Explorer 11. Here is the code below:

#collection-553955fce4b0147a4ad80062 .sqs-block.image-block {
 -webkit-filter: grayscale(100%);
 -moz-filter: grayscale(100%);
 -ms-filter: grayscale(100%);
 -o-filter: grayscale(100%);
 filter: grayscale(100%);
#collection-553955fce4b0147a4ad80062 .sqs-block.image-block:hover {
 -webkit-filter: grayscale(0%);
 -moz-filter: grayscale(0%);
 -ms-filter: grayscale(0%);
 -o-filter: grayscale(0%);
 filter: grayscale(0%);

What I'm trying to do is target a specific area of the page to have the pics show in black and white, but then change to color when you hover over them. It works just fine when I pull the page up in Google Chome but not with Internet Explorer 11. Anyone have a suggestion?

Edited by Dallasmavsfan41

Share this post

Link to post

3 answers to this question

Recommended Posts

This topic is now closed to further replies.
Sign in to follow this  

  • Create New...