[UPHPU] best method for css rounded gradient boxes

miles miles.togoe at gmail.com
Thu Dec 20 13:12:17 MST 2007


Orson Jones wrote:
> miles wrote:
>   
>> What is the best way to duplicate a gradient rounded box in css ?  a)
>> fill the entire div with a png image with no-repeat ?  b) slice the
>> image and go the 4 corners route with transparent pngs ?
>> the entire image seems the easiest but I'm wondering about performance
>> of downloading large images especially when there are several / page.
>> any suggestions ?
>>     
>
> If you don't mind nested divitis I found a method that works consistently.
>
> http://tetratech.info/oddcss/bgwrap/
>
> So, until css allows multiple backgrounds on a single element this is what I do.
>   

I also to put in the whole image but if the screen is stretched so that 
the div becomes wider than the image, the image does not stretch to meet 
the background size - is there any way to have the background image 
stretch to meet a larger sized div ?




More information about the UPHPU mailing list