opacity e contenuti

[ale.mazzini]

ciao a todos
io ho un elemento <div id="miocontenuto">
<contenuti>

nel css
#miocontenuto {
float:left;
width:950px;
background:#FFFFFF;
opacity:0.7;
text-align:left;

}

in modo che l'immagine di sfondo si veda un pochino
il problema è che così diventano trasparenti anche i contenuti
qualcuno ha una soluzione?

[LuigiMem]

Originariamente inviato da ale.mazzini
ciao a todos
io ho un elemento <div id="miocontenuto">
<contenuti>

nel css
#miocontenuto {
float:left;
width:950px;
background:#FFFFFF;
opacity:0.7;
text-align:left;

}

in modo che l'immagine di sfondo si veda un pochino
il problema è che così diventano trasparenti anche i contenuti
qualcuno ha una soluzione?

ciao prova cosi devo usare il CSS "rgba"

cosi:

background-color: rgba(255,255,255,0.7);

ciao

[ale.mazzini]

grzie mille dopo proverò
ancora grasssie

[Rickycast]

Ho scoperto solo adesso l'esistenza di "rgba" ; in effetti non mi sono informato molto negli ultimi tempi.
Però, "rgba" funziona in IE8? a me pare di no, sbaglio?
Se invece funziona, puoi farmi un esempio?
Grazie

[ale.mazzini]

Originariamente inviato da Rickycast
Ho scoperto solo adesso l'esistenza di "rgba" ; in effetti non mi sono informato molto negli ultimi tempi.
Però, "rgba" funziona in IE8? a me pare di no, sbaglio?
Se invece funziona, puoi farmi un esempio?
Grazie

non saprei ma forse si mette un codice in + esempio come per l'opacity
opacity:0.3;
filter:alpha(opacity=30); /*per IE8*/

[ale.mazzini]

Originariamente inviato da LuigiMem
ciao prova cosi devo usare il CSS "rgba"

cosi:

background-color: rgba(255,255,255,0.7);

ciao

vole porreun'altra ddomanda al riguardo
se io ho dei contenuti sopra ad un background fatto con immagine
es:
#slide-w {
float:left;
width:894px;
height:365px;
background: url(../images/slide.png) 0 0 no-repeat;
opacity:0.88;
filter:alpha(opacity=88);

come posso evitare che il contenuto sopra o interno, non subisca l'opacity?
dici basta creare un altro stile in div con opacity al 10?

[giova95]

Prova così:

#divcontenitore {
float:left;
width:950px;
background:#FFFFFF;
opacity:0.7;


}

#miocontenuto {
text-align:left;
background:none
}

codice HTML:

<div id="divcontenitore">
  <div id="miocontenuto">
    contenuto
  </div>
</div>

[giova95]

scusami, ho sbagliato a fare copia e incolla ^^'

css:

#slide-w {
float:left;
width:894px;
height:365px;
background: url(../images/slide.png) 0 0 no-repeat;
opacity:0.88;
filter:alpha(opacity=88);
}

#contenuto {
background:none;
}

HTML:

<div id="slide-w">
  <div id="contenuto">
   ...
  </div>
</div>