[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