opacity con effetti solo sul background

**Oscurodrago** · 18-09-2009, 01:57

come da titolo sapreste dirmi se è possibile impostare l'opacità solo ad un background di un div senza che diventi opacizzato anche il contenuto del div?

avevo pensato a fare una cosa del genere ma non funxziona ; ;

codice:

<html>
<head>
<style type="text/css">
div.background
{
  width: 500px;
  height: 250px;
  background: url(klematis.jpg) repeat;
  border: 2px solid black;
}
div.transbox
{
  width: 400px;
  height: 180px;
  margin: 30px 50px;
  background-color: #ffffff;
  border: 1px solid black;
  filter:alpha(opacity=60);
  opacity:0.6;
}
div.transbox p{
  margin: 30px 40px;
  font-weight: bold;
  color: #000000;
  filter:alpha(opacity=100);
  opacity:1;
}
</style>
</head>
<body><div class="background">
<div class="transbox">


This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
This is some text that is placed in the transparent box.
</p>
</div>
</body>
</html>

**fcaldera** · 18-09-2009, 14:03

se cerchi sul forum "opacità ereditata" (e varianti) trovi decine di discussioni con workaround

**Oscurodrago** · 19-09-2009, 01:07

ho cercato opacità ereditata ma mi ha trovato solo 5 discussioni che tutte e tre non dicono nulla o dicono la stessa cosa cercare opacità ereditata mi sa che il topic riguardante è stato deletato

**fcaldera** · 19-09-2009, 12:12

Originariamente inviato da Oscurodrago
ho cercato opacità ereditata ma mi ha trovato solo 5 discussioni che tutte e tre non dicono nulla o dicono la stessa cosa cercare opacità ereditata mi sa che il topic riguardante è stato deletato

http://forum.html.it/forum/showthrea...readid=1006770
http://forum.html.it/forum/showthrea...readid=1222461

Discussione: opacity con effetti solo sul background

Strumenti discussione

Ricerca discussione

Visualizza

opacity con effetti solo sul background

Permessi di invio