dotless, internet explorer, and filters

On: July 06, 2012   By: Travis Millward   In: Web , Web Development

I couldn't get this to work until I updated to the latest version of dotless. I think I was on a much older version.

The important things are the "~", the extra set of quotes, and the '@{imgvar}' (with the quotes around them!)

I had to do something like this...

@imgvar : '/XSites/392009/7802383.jpg';

#familyBody {
	.wrapTop {
		background-image: url('@{imgvar}');
		filter: ~"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@{imgvar}',sizingMethod='scale')";
		-ms-filter: ~"'progid:DXImageTransform.Microsoft.AlphaImageLoader(src='@{imgvar}',sizingMethod='scale')'";
	}
}

Posted in: Web , Web Development