fondo opaco

Hola, ¿hay alguna manera de poner el fondo de una celda opaco? es decir, que deje ver la imagen de fondo de la web pero difuminada.
Muchas gracias

Gráficamente hay varias formas de lograr algo mas menos como lo que señalas, sin embrgo si tienes una muestra de lo que quieres lograr, nos ayudaría a entregarte la instrucción precisa. Saludos

uf, ok, a ver si soy capaz de recrear algo parecido en photoshop y lo cuelgo.

no os liéis hay una propiedad dentro de las CSS para que una imagen se vea opaca. y bueno como ya supongo sabeis que cualquier elemento u objeto puede ser modificado via CSS.

Os paso un ejemplo de imagen con opacidad asociada a un evento de mouse.

<img src="tu.jpg" width="150" height="113" alt=""
style="opacity:0.4;filter:alpha(opacity=40)" >

Hola a todos, quiero aportar algo más a los comentarios de aquí.
No voy de prepotente, esto lo conozco hace ya tiempo y no lo útilizo.
Por eso lo posteo, lo pongo tal cual lo tengo en un ejemplo que puse hace tiempo.

Creo que hay veces que es más comodo tratar las imágenes con un editor gráfico, que andar peleando con IE durante años atrás por algunas incompatibilidades, como en este caso la opacidad, pero hoy IE 9 se a adaptado, incluso este ejemplo se ve bien con la chapuza de la versión IE8, de la 6 y 7 ni lo sé.


Bueno un saludo a todos, y en especial al amigo lantiga.

Copia este código en un archivo de texto en windows o en linux, y renombra el archivo a html.
Al guardar dile que sí.
O sea por ejemplo;
1.html
Lo ejecutas y dás tu opinión.


saludos

<style>
.op0{ filter:alpha(opacity=80); /* Internet Explorer */
-moz-opacity:0.8; /* Firefox, Netscape, Mozilla */
-khtml-opacity: 0.8; /* Khtml, version anterior de Safari */
opacity: 0.9; /*Opera, Safari, Google Chrome */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; width:14%;}

.op1{ filter:alpha(opacity=60); /* Internet Explorer */
-moz-opacity:0.6; /* Firefox, Netscape, Mozilla */
-khtml-opacity: 0.6; /* Khtml, version anterior de Safari */
opacity: 0.6; /*Opera, Safari, Google Chrome */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; background-color:#FFC;width:14%; }

.op2{ filter:alpha(opacity=30); /* Internet Explorer */
-moz-opacity:0.3; /* Firefox, Netscape, Mozilla */
-khtml-opacity: 0.3; /* Khtml, version anterior de Safari */
opacity: 0.3; /*Opera, Safari, Google Chrome */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; background-color:#FFC; width:14%; }

.op3
{
filter:alpha(opacity=10);
-moz-opacity:0.1;
-khtml-opacity: 0.1;
opacity: 0.1; width:14%;
}
</style>

<span>
<img class="op0" src="http://www.comocreartuweb.com/consultas/images/misc/como-crear-tu-w…" />
<p></p>
<img class="op1" src="http://www.comocreartuweb.com/consultas/images/misc/como-crear-tu-w…" />
<p></p>
<img class="op2" src="http://www.comocreartuweb.com/consultas/images/misc/como-crear-tu-w…" />
<p></p>
<img class="op3" src="http://www.comocreartuweb.com/consultas/images/misc/como-crear-tu-w…" />
</span>

Mola, voy a ver si lo pruebo y obtengo el resultado que busco, ya te digo. Muchas gracias.

¿Este método serviría para todo tipo de instrucciones? Es por no usar hacks...

No ceo que tengas muchos problemas.
Como dije antes, no lo útilizo pero lo conozco.

Suerte.


PD. por que no le dás opacidad a las imágenes con un editor gráfico..?? y eso te garantiza tus dudas.