Topic RSS | Reply to topic
Author Post



Posted Sun Sep 23rd, 2007 12:54pm Post subject: Background image
I'm sure I'm not the only one who is irritated by the fact the background image is tiled when it shouldn't be.

Could I suggest that instead of :
background: url('images/kubrickbgcolor.jpg');

it should be:
background: #d3e992 url(images/kubrickbgcolor.jpg) no-repeat fixed;

This will fix the image in the top left, even if you scroll, and not repeat. However, if someone has their browser window larger than the 1000 pixels, due to mismatching in the colours browsers use, they may notice a sudden colour change where the background image ends and the #d3e992 background colour starts.
To solve this, you can make the solid green of the background image transparent so that the #d3e992 shows up through it (The difference in colour is only slight and noticeable only when place against the image) This also allows you to crop the image to just the swirls.

It should make it more aesthetically pleasing, and also the image smaller (Saving bandwidth. Okay, just marginally but still...

Back to top