[UPHPU] best method for css rounded gradient boxes

Orson Jones orson.uphpu at bookstore.usu.edu
Thu Dec 20 12:31:36 MST 2007


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.

Orson


More information about the UPHPU mailing list