Prev | Current Page 541 | Next

Tommy Olsson and Paul O'Brien

"The Ultimate CSS Reference"


When you use this filter, you set the URI of the image to be used via the src attribute.
You then have three options for displaying that image using the sizingMethod
attribute:
crop This setting clips the image to fit the dimensions of the containing object.
image This is the default value, and enlarges or reduces the border of the object
to fit the dimensions of the image; the image remains at its original size.
scale This setting will stretch or shrink the image according to the element??™s
size.
In the following example, a background image on an element with the ID "outer"
is stretched to the size of the container in which it resides:
#outer {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/transparent-border.png',
sizingMethod='scale');
}
As you can see, the filter syntax is a bit of a mouthful, but the only parts that need
concern us are the src and sizingMethod values, as explained above.
22 http://msdn2.microsoft.com/en-us/library/ms532969.aspx
23 http://en.


Pages:
529 530 531 532 533 534 535 536 537 538 539 540 541 542 543 544 545 546 547 548 549 550 551 552 553