Ya sé que a dia de hoy se puede realizar un efecto sombra en CSS3 pero, a fecha de este post, internet explorer no lo soporta, así que os diré cómo hice el efecto a las fotos, en css y con un par de imágenes. Antes de nada quiero comentaros que en esta página: http://www.talleresguadamia.com , el título principal del contenido tiene una sombra realizada en CSS3, los que abráis la página con el explorer no la veréis y el resto depende del navegador. El efecto sombra al que me refiero es el véis en las fotos del contenido. Lo realmente importante el código que sigue: @charset "utf-8"; /* CSS Document */ .dropshadow1{ float:left; background: url(images/shadowAlpha.png) no-repeat bottom right !important ; background: url(images/shadow.gif) no-repeat bottom right; margin: 10px 0 0 10px !important ; margin: 5px 0 0 5px; } .dropshadow1 img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9;
creacion de paginas web, html, css, jquery, php