Ciao TechBek, benvenuto.
Prova così:
ho dato un posizionamento assoluto anche al div center e aggiunto qualche left.codice:<style type="text/css"> body { background-color: white; background-image: url(image.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 50%; } #container { margin: 30px auto; position: relative; width: 960px; text-align: center; } #header { position: absolute; width: 960px; height: 150px; top:0; left:0; background-color: black; opacity: .7; text-align: left; color: white; } #footer { position: absolute; top: 770px; left:0; width: 960px; height: 150px; background-color: black; opacity: .7; text-align: center; } #col-sx { position: absolute; top: 160px; left:0; background-color: black; height: 600px; width: 200px; opacity: .7; } #center { position: absolute; top: 160px; left: 210px; background-color: black; height: 600px; width: 750px; opacity: .7; } </style> <!--[if lte IE 8]> <style type="text/css"> #header, #col-sx, #center, #footer { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=70); } </style> <![endif]-->
Le istruzioni per Explorer possono stare in un css a parte che sarà letto solo da lui.
Se l'opacity deve essere su tutti i div, perché non impostarla una sola volta sul container?

Rispondi quotando