Javascript no intrusivo para estilos?

Quería saber que es mejor o más correcto a la hora de aplicar sombras a un elemento bloque (onion skinned shadows):

1) Mantener las sombras 100% con estilos, sin javascript.
2) "Generar" las sombras mediante javascript, aplicando los divs antes y despues del elemnto bloque que llevará las sombras, y de esta forma mantener un markup limpio y semántico.

Seguro que hay opiniones de todos lados no?

Ahora un añadido, y si el diseño obliga a usar sombras PNG pero queremos que la gente de IE6 tenga gifs y el resto png con lo que ello conlleva, usarías javascript para elegir?

Un saludo

Todo depende, en mi caso si es un sitio con muchisimas sombras no dudaria en usar un javascript que me ayude en ello. Pero si fueran solo 3 o 4 sombras lo haria directamente con xhtml y css.

Por otro lado, no necesitas de javascript para elegir entre png o gif si se trata de IE. Een el css general puedes poner:

Código :

.shadow { background-image:url(images/shadow.png); }

Y en el css para IE6- que será agregado a través de condicionales IE:

Código :

.shadow { background-image:url(images/shadow.gif); }

CIerto.

Hoy me ha comentado un amigo que no le gustaba poner un condicional de IE sobre todo al principio del body porque google indexa tantos caracteres como descripcion. Como comentaste en la ultima conferencia sobre CSS, neoJP, un mensaje que ponia "Este website está optimizado para..." dentro del condicional...

Por mi parte pienso que un condicional IE sigue siendo un comentario HTML y por tanto no se indexa, pero el no quedo muy convencido.

No sabria contestarte eso, no conozco mucho sobre SEO, pero quizás podrias buscar algo en google.