PostCSS plugin to add opacity filter for IE8 and legacy browsers
npm install postcss-opacityPostCSS plugin that adds support for legacy browser opacity alternatives.
js
postcss([
require('postcss-opacity')
])
``css
/ Input example /
.foo {
opacity: .5;
}
``css
/ Output example /
.foo {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: .5;
}
`Legacy
Support for IE 5-7, Safari 1.X, Netscape`js
postcss([
require('postcss-opacity')({
legacy: true
})
])
``css
/ Input example /
.foo {
opacity: .5;
}
``css
/ Output example /
.foo {
/ IE 8 /
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; / IE 5-7 /
filter: alpha(opacity=50);
/ Netscape /
-moz-opacity: .5;
/ Safari 1.x /
-khtml-opacity: .5;
/ Modern browsers /
opacity: .5;
}
``See PostCSS docs for examples for your environment.