I have a blog blogger for several years, and I have some problems with the CSS filter.
I like your opinion on this.
I use the CSS filter in the blogger template to edit the animated GIF (hue, saturation, brightness ...) at the bottom of my blog (see below).
.filter-wrapper {
position: relative;
z-index: 9999;
}
body#layout .filter-wrapper {
position: relative !important;
}
body#layout #fb-root {
position: relative !important;
}
#fb-root {
position: fixed;
left: 0;
right: 0;
z-index: 1;
display: block;
background-image: url(https://lh5.googleusercontent.com/-REJ8pezTyCQ/SDlvLzhAH-I/AAAAAAAABeQ/mC1PXNiheJU/s800/Blog_background_750.gif);
height: 100%;
width: 100%;
-webkit-filter: blur(9px) brightness(25%) sepia(88%) hue-rotate(125deg) saturate(344%);
-moz-filter: blur(9px) brightness(25%) sepia(88%) hue-rotate(125deg) saturate(344%);
-o-filter: blur(9px) brightness(25%) sepia(88%) hue-rotate(125deg) saturate(344%);
-ms-filter: blur(9px) brightness(25%) sepia(88%) hue-rotate(125deg) saturate(344%);
filter: blur(9px) brightness(25%) sepia(88%) hue-rotate(125deg) saturate(344%);
}
The CSS filter works great in all browsers like Chrome, Mozilla, Safari ... etc.
However, when using the Internet Explorer filter, which I am talking about above, it no longer works. I tried to find information about this, unfortunately, after many studies, I came to the conclusion that some of the filter functions that I use are disabled in IE.
Being fairly new to CSS and the architecture of Internet browsers, I would like to get your opinion on this.
IE, .
, ?
, , .
moz-filter: ------- > Mozilla Firefox
o-filter: ------- > , Opera
ms-filter: ------- > MS Internet Explorer?
, , , ?
html.
.