JavaScript Kit > IE Filters reference > Here
MaskFilter
filter
The Mask Filter shows transparent pixels of an object as a color mask, and nontransparent pixels as transparent instead.
Syntax:
filter :progid:DXImageTransform.Microsoft.MaskFilter(attribute1=value1, attribute2=value2, etc);
Example using inline CSS:
<div style="width: 90%; filter:progid:DXImageTransform.Microsoft.MaskFilter(color=#000000);">Some DIV</div>
Syntax via scripting:
//To define a new MaskFilter filter on
an element
object.style.filter ="progid:DXImageTransform.Microsoft.MaskFilter(attribute=value1,
attribute2=value2)"
To access an existing property within the MaskFilter filter:
object.filters.item("DXImageTransform.Microsoft.MaskFilter").Property1=value1;
//To access an existing property within the MaskFilter filter via the
filters[] object
object.filters[x].Property1=value1 //where "x" is
the position of the filter within list of filters on element
When getting or setting a specific filter's attribute via
scripting, you capitalize the attribute to turn it into a
property.
Below lists the attributes/properties of the MaskFilter:
MaskFilter attributes (properties)
| Attributes/ Properties | Description |
|---|---|
| Color | Read/Write hexadecimal color value that determines the color which is to be made transperant.
Valid values: All valid hexadecimal colors or color names. Example: <div id="modified" style="width: 300px;
height: 200px;
filter:progid:DXImageTransform.Microsoft.MaskFilter(color=red);"> |
| enabled | Sets/ returns whether the filter is enabled or not.
Default is true.Valid values: true/ false |
