Transparencia en css

[baxi2990]

Que tal amigos, quisiera saber como puedo aplicar transparencia a una capa, hice la estructura de mi web en la cual tengo una capa que contendra toda mi web, cabecera etc etc, pero tengo el texto de mi web y una barra lateral algo asi
_______________________
| Cabecera |
|_____________________|
| Texto de mi web | a |
|---------------| n |
|---------------| u |
|---------------| n |
|---------------| c |
|_________________|_i_|
| Pie de pagina |
--------------------------

y quisiera aplicarle transparencia la seccion donde estara el texto d mi web y los anuncios sin que se haga transparente tambien el texto y las imagenes q contendra mi web en la capa anuncios agradesco la ayuda

[fefeG]

Código:

   opacity: .90;
   -moz-opacity: .90;
   filter:alpha(opacity=90);

Con esto te sirve para todos los navegadores

[baxi2990]

Gracias fefeG tal vez se me olvido mencionar que eso ya lo sabia, peroen si lo q quiero hacer es que solo a la seccion de mi texto y la de anuncions se le aplique la transparencia sin que pierda el color de mi texto y de las imagenes que tengo en la seccion de anuncios agradesco la ayuda

[fefeG]

Por qué no lo divides en capas y aplicas la opacidad sólo a aquellas que te interese?

[jomaruro]

Iniciado por fefeG

Código:

   opacity: .90;
   -moz-opacity: .90;
   filter:alpha(opacity=90);

Con esto te sirve para todos los navegadores

Hola:

¿Estas seguro que el CSS3, como indicas, sirve para todos los navegadores?

Saludos.

[baxi2990]

Gracias por contestar una vez mas pues me interesa que me aplique a todo esa area ya que atras tengo una fotografia que le da mucha vistosidad a mi web, espero me puedan ayudar gracias.

[baxi2990]

Hola amigos no consigo hacer que esto funcione,agradeceria si algien tiene un ejemplo de lo que quiero hacer cuidense y agradesco la ayuda desde ya

[Newbie001]

queres hacer el fondo de "texto de mi web" semi-transparente?

[subirol]

prueba con un png con transparencia 20 o lo que tu veas cono fondo de la capa.

[baxi2990]

hola gracias por contestar mejor dejo el codigo para ver si me puden ayudar

Código:

Codigo CSS
---------------------
body{
	background: url(images/back.jpg) fixed;
}

#contenedor{
	margin:auto;
	width:766px;
	background:#000000;	
}

#contenidos{
	margin:0px 0px;
}

#right{
	float:right;
	width:210px;
}

.texto{
	width:510px;
	float:left;
	padding:5px;
}

HTML
---------------
<div id="contenedor" style="z-index:1; filter:alpha(opacity=60); -moz-opacity:.60;opacity:.60">
     <div id="cabecera">
           mi cabecera
     </div>
     <div id="contenidos">           
          <div class="texto">
              Bienvenidos a mi web 
          </div
          <div id="right">
                aca va una imagen 
          </div>
     </div>
</div>

alli termina mi codigo, pero la transparencia me la aplica en todo la web por q mi pie de pagina se ve opaco al igual q mis letras y mi imagen, y intente aplicarlo a la capa contenidos pero no me aplica nada

Código:

<div id="contenidos" style="z-index:1; filter:alpha(opacity=60); -moz-opacity:.60;opacity:.60">

espero me puedan ayudar

[subirol]

prueva a crear un png con transparencia y ponerlo como background en la capa contenedor asi tendras un efecto alfa sobre lo que tienes detras y no le afecta a lo que pones encima.

no se si me esplico.

un saludo

[baxi2990]

Gracias subirol por contestar fue una solución muy buena y funciono a la perfeccion gracias