i have and image that i would like to appear as a fixed-position background on the right side of the browser window. my question is this: can i set the position vectors using the right side of the browser window as a reference? i am assuming the answer to this question is no. therefore i am also wondering if i can set it as a background to a <div> and set the position vectors relative to the dimensions of the containing <div> yet still have the image fixed in the browser window. have i confused anyone yet? body {
background-color: #fff;
background-image: url('image.gif');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 98% 98%;
}
or short:
body {
background: #fff url('image.gif') no-repeat fixed 98% 98%;
}
The right bottom corner is 100% 100%. If you only specify one value, the other value will be 50%.
background-color: #fff;
background-image: url('image.gif');
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 98% 98%;
}
or short:
body {
background: #fff url('image.gif') no-repeat fixed 98% 98%;
}
The right bottom corner is 100% 100%. If you only specify one value, the other value will be 50%.