Im not sure I would go with a background image that large. It is going to kill bandwidth, page loading speed and your sites overall performance. Unless the background is the "make it" or "break it" feature of your site I would explore other design options. Also, if it is just a gradient, you could use CSS3 gradients. Here is an example using back and white.
background: -moz-linear-gradient(top, #000000 0%, #ffffff 100%); /*For Fire-fox 3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#ffffff)); /* for Chrome and Safari4+ */ background: -webkit-linear-gradient(top, #000000 0%,#ffffff 100%); /* Chrome10+ and Safari5.1+ */ background: -o-linear-gradient(top, #000000 0%,#ffffff 100%); /* for Opera11.10+ */ background: -ms-linear-gradient(top, #000000 0%,#ffffff 100%); /* for IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#ffffff',GradientType=0 ); /* for IE6-9 */ background: linear-gradient(top, #000000 0%,#ffffff 100%); matt On Jun 29, 2011, at 9:39 AM, MiB wrote: > > 29 jun 2011 kl. 10.01 skrev Vishnu vg: > >> HI Friends >> >> I have a css doubt related to background image in body > What do you mean doubt? >> >> I have a bakcground image. The image has two shades (one in left and right a >> gradient design) . Exactly two halves. First half is black and second half >> is a gradient design. I want that background image to be fluid width in all >> browsers and in all resolutoin. I mean if i view that image in 1024 or 1600 >> resolution the background image should fill. Currently when i gave a 1024 >> resolution image as background , in higher resolutions the image is not >> getting filled up to the screen; > > > > Rad this article: > http://css-tricks.com/3458-perfect-full-page-background-image/ ? > > Google is your friend. Or at least they do a great impression. > > > /MiB > > > > > -- > -- > You received this because you are subscribed to the "Design the Web with CSS" > at Google groups. > To post: [email protected] > To unsubscribe: [email protected] -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
