Ir para conteúdo

Arquivado

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

Junior Varoni

elemento filho ignorar column-count de um elemento pai?

Recommended Posts

Boa noite, tenho uma duvida sobre column-count.

 

Tenho uma div que possue 4 colunas, e essas colunas contem outra div com imagens, e as imagens vareiam de tamanho, podendo assim dar aquele efeito de layout bagunçado, estilo Pinterest.

 

1.jpg

 

Uso um plugin js para dar o zoom na imagem, utilizo o fluidbox, porem utilizando o column-count nas div ele me traz isso quando vou ampliar a imagem.

 

2.jpg

 

Ele amplia a imagem dentro da coluna em que ela está, e meu objetivo é que ela seja ampliada no centro do site. Algo parecido com isso

 

3.jpg

 

 

Sem a utilização do column-count funciona, porem o layout não fica como quero, meio que "bagunçado". E não conheço outra maneira de fazer isso.

 

Outras sugestões são bem-vindas também.

 

Obs: "já tentei utilizar z-index, dar posição absoluta e coisas do tipo, mas não resolve."

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.