Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Gerciley

[Resolvido] herança CSS

Recommended Posts

Olá pessoal, estou com uma pequena dificuldade com relação em fazer com que um objeto filho não herde algumas propriedades do pai. Segue abaixo meu caso...

 

criai uma Div de menu com um preenchimento chapado e coloquei um efeito Opacity para revelar parte do Background abaixo, até ai tudo bém, o problema é que ao inserir imagens dentro dessa div, as imagens também ficam tranparentes, e não poderiam, ja tentei criar uma classe reset para imagem mas nada deu certo, a unica maneira que quase cheguei perto é na hora de declarar a o CSS especificar a tag Ex: "#corpo div" ao invés de "#corpo #menu", s´´o que ai bagunsou tudo pois todas as divs dentro de corpo ficaram com o mesmo tamanho formato e cor, porem nesse ultimo caso a imagem não ficou transparente o efeito foi aplicado apenas nas divs.

Galera agradeço por qualquer ajuda. Até mais

Compartilhar este post


Link para o post
Compartilhar em outros sites

você ja tentou reverter o opacity ? agora nao me lembro, mas me parece que quanto maior mais transparente fica, entao vamos supor que na div pai você aplicou 50 de opacity, e no elento filho você quer normal, entao talvez tentando colocar opacity -50 no elemento filho resolva, nunca tentei com opacity, só com propriedades que tem medida, mas talvez de certo, tenta ai, qualquer coisa volte a postar :thumbsup:

Compartilhar este post


Link para o post
Compartilhar em outros sites

oi NetBoy16, ja tentei isso também, no opacity qualquer valor negativo que se coloque ele faz sumir tudo, mesmo que tenha um antes atribuindo um valor positivo.

Opacity vai de 0 a 1, sendo que 1 é a imgem totalmente visível e 0 a imagem invisível.

Compartilhar este post


Link para o post
Compartilhar em outros sites

@Gerciley, existem 2 formas de chegar no resultado que você quer:

 

-> ou você usa logo uma imagem .png(background) com opacidade(ai não precisa do opacity do css),

-> ou então você posiciona a imagem não como filha, mas como irmã da q tem opacidade. O problema não é "herança" em si.

Compartilhar este post


Link para o post
Compartilhar em outros sites

É William vai ser o jeito não tava querendo colocar como irmã pois vou ter que usar posicionamento negativo, pode dar Quiaka em alguns navegadores, posso tentar fazer um PNG de 1px com a cor que eu quero e colocar como background da DIV vou faser testes aki e posto os resultados.

Compartilhar este post


Link para o post
Compartilhar em outros sites

se voce nao quer fazer o esquema de elemento irmão então tenta fazer o esquema de imagem, é mais complicado mas é seguro pois vai funcionar de boa, qualquer coisa volte a postar :thumbsup:

Compartilhar este post


Link para o post
Compartilhar em outros sites

Valew pessoal por pela força, fiz com PNG transparente mesmo, ;)

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.