The CSS -ms-background-position-y Microsoft extension property sets the Y-coordinate of the background-position property. This property can be used in IE8 as a synonym for the background-position-y property
Values[]
| Value | Description |
|---|---|
<percentage> |
Percentage is in reference to the dimensions of the box of the current element. Value specifies the percentage on both the image and the canvas and may be negative (70% indicates the reference point 70% from the top side of the image is to be located at 70% from the top side of the element's rendering box).
|
<length> |
Represents an absolute Y-coordinate position for the image and may be negative. Examples are cm, pt, px, etc.
|
top |
Image is positioned to the top of the screen on the Y-axis. |
center |
Image is centered in the screen on the Y-axis. |
bottom |
Image is positioned to the bottom of the screen on the Y-axis. |
HTML example:
<body style="background-image:url('http://www.foo.com/image.png');
background-repeat:repeat-x; -ms-background-position-y:bottom;">
TEXT
</body>
CSS example:
body {
background-image:url("http://www.foo.com/image.png");
background-repeat:repeat-x;
-ms-background-position-y:bottom;
}