I have a very large image I want to use as a CSS background. However, I want it to look the same regardless of which resolution the user’s monitor is at. The last time I tried this, it would cut off at different resolutions.
Any way to do this sort of dynamic resizing in CSS only? Or should I resize it to the most common resolution and hope for the best?
I did this just recently. Try Fullscreenr jQuery plugin, it’s great.
http://ajaxmint.com/2009/12/fullscreenr-lightweight-full-screen-background-plugin/