Ir para o conteúdo
  • Revista PROGRAMAR: Já está disponível a edição #59 da revista programar. Faz já o download aqui!

jonhyhvaftn

CSS combinações

Mensagens Recomendadas

jonhyhvaftn    0
jonhyhvaftn

Olá a todos.

Tenho o seguinte código:

<div class="swiper-slide dark" style="background-image: url('images/novas imagens/Header/header01.jpg');">
 <div class="container clearfix">
 <div class="slider-caption slider-caption-center">
 <h2 data-caption-animate="fadeInUp">Lorem Ipsum</h2>
 <p data-caption-animate="fadeInUp" data-caption-delay="200">Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
 </div>
 </div>
 </div>

Quero que a div swiper-slide , ou seja, a primeira que define o background tenha 0.5 de opacidade.

Mas, quero que a div slider-caption não tenha.

Como posso fazer a combinação em CSS? Sem ter de estar a tirar opacidade de cada imagem, dado que são mais de 200

Obrigado

Editado por jonhyhvaftn

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
HappyHippyHippo    1151
HappyHippyHippo

Quero que a div swiper-slide , ou seja, a primeira que define o background tenha 0.5 de opacidade.

Mas, quero que a div slider-caption não tenha.

Como posso fazer a combinação em CSS?

não podes, o css é "cascade" e a opacidade é propagada para todos os elementos "filhos" e não existe maneira de mudar isso

terás de ter uma estrutura diferente de HTML, algo como:

<div id="parent" style="position: relative;">
 <div id="transparent" style="position: absolute; opacity: 0.5"></div>
 <div id="image" style="position: absolute"></div>
</div>


IRC : sim, é algo que ainda existe >> #p@p

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites
HappyHippyHippo    1151
HappyHippyHippo

viste bem o código ?

não leias o que ele escreveu no fim porque é estúpido,

olha para o código e diz onde é que desmente a minha afirmação "que um elemento contido num outro com transparência, terá sempre transparência"

não só isso, como compara o exemplo que apresentei ... sem mais comentários


IRC : sim, é algo que ainda existe >> #p@p

Partilhar esta mensagem


Ligação para a mensagem
Partilhar noutros sites

Crie uma conta ou ligue-se para comentar

Só membros podem comentar

Criar nova conta

Registe para ter uma conta na nossa comunidade. É fácil!

Registar nova conta

Entra

Já tem conta? Inicie sessão aqui.

Entrar Agora

×

Aviso Sobre Cookies

Ao usar este site você aceita os nossos Termos de Uso e Política de Privacidade. Este site usa cookies para disponibilizar funcionalidades personalizadas. Para mais informações visite esta página.