Internet Explorer’s filter
CSS property (-ms-filter
from IE 8) allows you to do CSS gradients, a bit like the -webkit-gradient
and -moz-gradient
properties (see e.g. question 213750).
However, the syntax doesn’t seem to allow for rgba colours, so you can’t do a gradient from a colour to transparent.
Is there any way to achieve gradients that end in transparency in IE?
Stop colors can be specified in
#AARRGGBB
notation, whereAA
represents the alpha. For example,#ffff0000
is fully-opaque red.This produces a 100% red to 50% black horizontal gradient:
jsFiddle preview