Question

I am in this situation:

I have to do rounded corners and shadow for some boxes on web design. So far I do not have all design and I don’t know how many boxes I will have.

In this moment I have 2 different sizes on “width” and of course re-sizable on “height”.

The question is:

Which technology you suggest to me to use in this situation ?

PS: Usually I go with css, making 2 or 3 images for boxes with same “width” size

But now I think: “Maybe it is an old style, already“, too many css classes, not automatic …etc ?

1. Maybe I can use Jquery (js) — (which usually i try to avoid because it is kind of heavy not like css, but I have jquery included already ) and should I ?
2. To use css3, (but problem in IE7/8) ?
3. To use different way ?

What do you think guys, what is the best practice on this stage of implementation ?

Updated:

Because I am starting a new project I would like to now the best practice:

I am not stacked or cannot do this and I know as well several way/plugins in jquery or CSS3, question was not which plugin or how to hack IE, but “Should I use js/hacks, in my case?”

If I use, JS, I will not have pure css/HTML which is faster — js is heavy -> MINUS
JS make more dynamically/easier and less HTML/CSS code — ->Plus

I would like to have an advice about this stuff

Thanks

etc …

Answer 1

Check out http://css3pie.com/ for limited CSS3 support in IE 6-8