I am using the CDK and attempting to render the following IE 6 fix for png transparency.
* html #modalContainer a.modalCloseImg{
background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/some/path/images/ico-close-x.png', sizingMethod='scale'
);
}
I made the following attempt:
<u:selector name="* html #modalContainer a.modalCloseImg">
<u:style name="background" value="none"/>
<u:style name="filter">
<f:verbatim>progid:DXImageTransform.Microsoft.AlphaImageLoader(src='</f:verbatim>
<f:resource f:key="/org/lds/stack/patterns/renderkit/resources/ico-close-x.png"/>
<f:verbatim>', sizingMethod='scale');</f:verbatim>
</u:style>
</u:selector>
However, this rendrers:
* html #modalContainer a.modalCloseImg{
background:none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='url(/some/path/images/ico-close-x.png)', sizingMethod='scale'
);
}
Notice the url() surrounding the path. Also, if I do not put the <f:resource f:key="/org/lds/stack/patterns/renderkit/resources/ico-close-x.png"/> tag inside of a <u:style> tag, it renders an instead.
Could anyone offer any insight as to whether this is possible using .xcss, and if so, how it would be done?
