CSS3 filter does not work in Opera, Internet Explorer, Mozilla Firefox

CSS has a filter command and it has many example functions:

  filter: grayscale(0);
  filter: sepia(0);
  filter: saturate(1);
  filter: hue-rotate(0deg);
  filter: invert(0);
  filter: opacity(1);
  filter: brightness(1);
  filter: contrast(1);
  filter: blur(0px);

      

Filter supporting Chrome 18+, Safari 6+. (Source: http://css3.bradshawenterprises.com/filters/ )

I need to use grayscale, sepia, saturation, brightness, contrast, blur. I can't use this because multiple browsers (i.e. Mozilla, opera) don't support filter

My question: Perhaps these functions have alternatives or something else to get a similar result, for example: grayscale, sepia, saturation, brightness, contrast, blur

What I'm trying: add a prefix: -moz-, -o-, -ms-

Something from official websites on Microsoft site but not working: / Source: http://msdn.microsoft.com/en-us/library/ms532847(v=vs.85).aspx ):

filter:progid:DXImageTransform.Microsoft.MotionBlur(strength=50)
        progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); width=50%

      

Interestingly. I found solutions for Internet Explorer: 6,7,8 (Source: http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/ ) I am trying to test it for me Internet Explorer 11, but it doesn't work. code:

filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1'); /* IE6 & IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1')"; /* IE8 */

      

I need to find a solution that works on Mozilla, Opera, Internet Explorer at least with the latest versions

+3


source to share


2 answers


Mozilla Firefox : source )



+1


source


http://caniuse.com/#search=filter



From what I can tell, CSS Filter Effects is not supported in IE up until IE v11. Firefox has partial support. Opera v24 and above have full support with the -webkit- prefix.

+2


source







All Articles