Its not graident. ITs a image with two halves. first half one picture and second half another picture. I tried a method and now its working. I gave background-width:100% important. and now its working fine.
On Wed, Jun 29, 2011 at 9:38 AM, Matthew Witek <[email protected]> wrote: > 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] > -- With Love, Vishnu, Mobile : 9544455735 -- -- 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]
