<style> #divOpaca { position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:1; visibility: visible; background-color:#000000; } </style> <div id="divOpaca" style="opacity: 0.6;"><img src="imagem"></div>
Mas a imagem está ficando opaca também. Como faço para o conteúdo do meio não ficar opaco?
Não sei se me entenderam, eu quero que apareça este fundo escuro em cima de toda página e apenas a foto no meio. Vou colocar um botão de fechar tbm, mas isso é tranquilo.