Como colocar opacidade em um item

boa tarde,

estou fazendo uma pagina de login que tem background e um bloco no meio com login e senha.
Mais tem um problema, no background quando coloca opacidade 0.5 , toda pág fica com opacidade (até a area do login), eu quero apenas o fundo …
não sei se fui muito claro…
alguem saber resolver ?

Qual seletor está usando? Poste o código.

como fica:

css:
image
html :
image

Conferiu se não está ‘vazando’ da tag div? Ou seja, todas as tags estão fechadas? Além disso, creio que seria melhor usar um id em vez de class, que daí garantiria que é um elemento único no documento HTML.

separei com id , mas toda pagina continua com opacidade
image
image

Boa noite, ao colocar o opacity na classe ou id Fundo você está atacando todo conteúdo da div.
Nesse caso sugiro que coloque a imagem pelo html e não pelo css e aplique a opacidade na tag img, ok? Poste se funcionou dps.
Abraço.

1 curtida

consegui o resultado que queria , mas não foi do jeito muito bom …
quando inseri a imagem , todo conteúdo desce … forcei a subida do conteúdo com “top -700”…
tem outra forma de resolver?
image
image