Ir para conteúdo

Arquivado

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

kaayasinho

mais de uma imagem com position absolute para fundo

Recommended Posts

Boa tarde,,,

 

estou fazendo aqueles sites de uma pagina só..

 

cada section devera ter uma imagem de fundo...mas elas devem ficar fixas nas suas respectivas sections

 

como eu faria isso?

 

ja tentei uzar z index com position fixed.. mas fica bom apenas na primeira pagina.. as outras... caso coloco position fixed. sobrepoe sempre a primeira

 

 

POR EX...

HOME

PAGE 1

PAGE 2

 

a HOME fica com uma imagem de fundo fixa.

quando passa para a PAGE, ela sobrepoe a imagem da home, e se torna fixa..

como se fosse um "livro"

uma paigna sobrepondo a outra... mas todas com imagens fixas..

 

 

 

 

ninguem?

Compartilhar este post


Link para o post
Compartilhar em outros sites

É só você criar uma div para cada section e colocar um fundo para cada div.

 

Exemplo:

<div class="home">
---conteúdo aqui---
</div>

<div class="sobre">
---conteúdo aqui---
</div>

<div class="contato">
--conteúdo aqui--
</div>

dai cada seção terá seu fundo.

Compartilhar este post


Link para o post
Compartilhar em outros sites

É só você criar uma div para cada section e colocar um fundo para cada div.

 

Exemplo:

<div class="home">
---conteúdo aqui---
</div>

<div class="sobre">
---conteúdo aqui---
</div>

<div class="contato">
--conteúdo aqui--
</div>

dai cada seção terá seu fundo.

 

 

mas eu gostaria de que cada fundo fosse fixo, se coloca um fundo apenas.. e uma position absolute... ele fica de fundo mas sobe junto com o conteudo..

e gostaria que sobrepusesse a imagem fixa com o proximo conteudo

 

por ex

http://theoneeventos.com.br/teste/teste%20-%20Copy.php

a primeira imagem esta fixa.. e eh sobreposta pela proxima div

gostaria que a 2 imagem. também fosse fixa.. mas sobrepusesse a 1 imagem , e por ai vai..

Compartilhar este post


Link para o post
Compartilhar em outros sites

Entendi.

Bah, agora me pegou tbm.. não sei como fazer.

É meio que um efeito "parallax", tenta encontrar algum plugin jQuery, talvez ajude.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Entendi.

Bah, agora me pegou tbm.. não sei como fazer.

É meio que um efeito "parallax", tenta encontrar algum plugin jQuery, talvez ajude.

 

Conseguii!!!

 

fiz do jeito que voce falo.. mas coloquei o FIXED junto com a imagem

e ficou assim ó.. era ese o resultado que queria..

 

http://theoneeventos.com.br/teste/teste%20-%20Copy.php

 

mas tem um porem

teria como eu alterar esse fundo? vamos supor... colocar um slide para que o fundo da home ficassse mudando de imagem em vez de ser apenas essa..

 

eu sei que se fosse no html dava pra usar um plugin jquery que busca os <img>

e no background? do css você sabe de algo?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Existem plugins jQuery que trocam imagens de background.

Um que já usei é este: http://nicinabox.com/superslides/

 

dá uma olhada.

Obrigado vou testar esse

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.