Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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?
>
É 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"></div>
<div class="contato">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..
Entendi.
Bah, agora me pegou tbm.. não sei como fazer.
É meio que um efeito "parallax", tenta encontrar algum plugin jQuery, talvez ajude.
>
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?
Existem plugins jQuery que trocam imagens de background.
Um que já usei é este: http://nicinabox.com/superslides/
dá uma olhada.
>
Existem plugins jQuery que trocam imagens de background.
Um que já usei é este: http://nicinabox.com/superslides/
dá uma olhada.
Obrigado vou testar esse
É só você criar uma div para cada section e colocar um fundo para cada div.
Exemplo:
<div class="home">
---conteúdo aqui---
---conteúdo aqui---
--conteúdo aqui--
</div>
dai cada seção terá seu fundo.