Newsgroup: it.lavoro.professioni.webmaster
Titolo: Background semitransparente su IE6

non sono un esperto di css e html e sto cerccando di rendere 
semitrasparente il background di una parte del sito. ci sono riuscito su 
firefox ma non ci riesco su IE questa e la porzione di CSS che funziona 
su Firefox
.post {
   margin:.5em 0 1.5em 0.9em;
   padding: 10px;
   background: white;
   color: black;
   opacity: .7;
   filter: alpha(opacity=70);
     }
qualcuno sa dirmi come aggiungere l'opacità per IE6?
il sito è il seguente
http://salonemodels.blogspot.com
grazie in anticipo


Qui trovi degli esempi sia per FF che IE
http://www.quirksmode.org/css/opacity.html
la risposta probabilmente è nella seguente nota:
Note that an element must have layout for a filter to work.

 provato ad immaginare cosa intendesse dire ma nei fatti IE6 non mi fa la trasparenza.
non ho avuto tempo per osservare il codice del tuo sito, la nota
significa che è necessario avere un div. Dunque filter funziona con un
div. La zona che vuoi rendere opaca è un div?

 div. La zona che vuoi rendere opaca è un div?
si. credo che si tratti del div main content
ma sto brancolando nel buio

 ma sto brancolando nel buio
ok, due cose, la prima non grave, nella pagina il blocco .post manca la
chiusura della parentesi graffa.
per avere il layout devi inserire il seguente:
display: inline-block;
ed hai risolto il problema.
L'esempio che puoi provare è il seguente:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd
">
<html xmlns="
http://www.w3.org/1999/xhtml
" xml:lang="en" lang="en">
<head>
<title>Prova</title>
<meta name="Author" content="Oreste Parlatano" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<style type='text/css'>
body {
  background:#000000;
  background-image:
url(
http://img221.imageshack.us/img221/7498/zedstarsfemmes095099eh.jpg
);
  background-repeat: no-repeat;
  background-position: center right;
  background-attachment: fixed;
  margin:0;
  color:#ffffcc;
  font:x-small "Trebuchet MS", Trebuchet, Verdana, Sans-Serif;
  font-size/* */:/**/small;
  font-size: /**/small;
  text-align: center;
  }
.post {
  margin:.5em 0 1.5em 0.9em;
  padding: 10px;
  background: #ffffff;
  color: black;
  filter: alpha(opacity=60);
  -moz-opacity: 0.60;
  opacity: 0.60;
  display: inline-block;
}
</style>
</head>
<body>
<div id="uno" class="post">
 Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque
fringilla. Aenean at libero. Proin convallis nisi et neque. Cras vitae
augue. Morbi eros ligula, varius vitae, mollis id, imperdiet sed,
ligula. Vivamus eleifend, eros vitae venenatis laoreet, turpis justo
ullamcorper lorem, vel mollis felis erat pharetra lorem. Maecenas
mollis, lorem et faucibus vulputate, purus tellus pretium tellus, ac
porttitor nisl lectus id dolor. Ut mi elit, ornare sit amet, lobortis
quis, interdum eu, turpis. Nunc est mi, dictum in, tincidunt eget,
adipiscing sit amet, tortor. Mauris non odio a mi iaculis nonummy.
Aliquam nonummy tellus ac est. Mauris mollis dapibus turpis. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Sed malesuada diam in quam.
Fusce imperdiet. Curabitur ultrices, massa et dapibus fermentum, metus
quam laoreet risus, nec feugiat elit quam et magna. Quisque bibendum
magna vel lacus pretium tincidunt. Praesent posuere laoreet massa.
Fusce ultricies lectus et tellus. Aliquam fermentum imperdiet ante.
Curabitur ac nunc a ligula porttitor facilisis. Aliquam adipiscing
lectus eget sem. Proin mi ligula, tempus sed, iaculis id, ultricies
semper, elit. Quisque adipiscing sem sit amet risus. Integer mattis
velit a neque. Etiam eu justo sit amet tortor consectetuer mollis.
Pellentesque lobortis porttitor mauris. Quisque aliquam sollicitudin
nisi. Nullam placerat ultrices eros. Nulla blandit, pede nec lobortis
feugiat, diam ipsum malesuada tortor, sit amet convallis nunc leo vel
nisl. Nam mollis sodales massa. Curabitur vitae eros nec orci luctus
dictum. Fusce eleifend orci nec ligula. Donec ligula.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque
fringilla. Aenean at libero. Proin convallis nisi et neque. Cras vitae
augue. Morbi eros ligula, varius vitae, mollis id, imperdiet sed,
ligula. Vivamus eleifend, eros vitae venenatis laoreet, turpis justo
ullamcorper lorem, vel mollis felis erat pharetra lorem. Maecenas
mollis, lorem et faucibus vulputate, purus tellus pretium tellus, ac
porttitor nisl lectus id dolor. Ut mi elit, ornare sit amet, lobortis
quis, interdum eu, turpis. Nunc est mi, dictum in, tincidunt eget,
adipiscing sit amet, tortor. Mauris non odio a mi iaculis nonummy.
Aliquam nonummy tellus ac est. Mauris mollis dapibus turpis. Vestibulum
ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
Curae; Sed malesuada diam in quam.
Fusce imperdiet. Curabitur ultrices, massa et dapibus fermentum, metus
quam laoreet risus, nec feugiat elit quam et magna. Quisque bibendum
magna vel lacus pretium tincidunt. Praesent posuere laoreet massa.
Fusce ultricies lectus et tellus. Aliquam fermentum imperdiet ante.
Curabitur ac nunc a ligula porttitor facilisis. Aliquam adipiscing
lectus eget sem. Proin mi ligula, tempus sed, iaculis id, ultricies
semper, elit. Quisque adipiscing sem sit amet risus. Integer mattis
velit a neque. Etiam eu justo sit amet tortor consectetuer mollis.
Pellentesque lobortis porttitor mauris. Quisque aliquam sollicitudin
nisi. Nullam placerat ultrices eros. Nulla blandit, pede nec lobortis
feugiat, diam ipsum malesuada tortor, sit amet convallis nunc leo vel
nisl. Nam mollis sodales massa. Curabitur vitae eros nec orci luctus
dictum. Fusce eleifend orci nec ligula. Donec ligula.
</div>
</body>
</html>