Ir para conteúdo

POWERED BY:

Arquivado

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

tombe

Background com imagem estavel e pagina em movimento

Recommended Posts

http://forum.imasters.com.br/public/style_emoticons/default/shifty.gif

Usei um código para centralizar o backgraund. e funcionou perfeitamente .

 

<style>body {background-image: url("fundo.jpg");background-repeat: no-repeat;background-position: center;}</style>

Mas seria possivel eu mover só a página ex: temos uma pagina de 800x 900. então neste caso só iria mover a pagina e o fundo continuaria estável.

Olhe esta página como exemplo:

http://www.privilegenet.com.br/privilege/home.php

 

Fiz uma vasta pesquisa em livros e também em fóruns más não achei algo que me ajudasse, fica ria grato pela ajuda de vocês.

 

Obrigado

Compartilhar este post


Link para o post
Compartilhar em outros sites

Opa..

 

é assim tombe...

 

coloque uma div de fundo... e no seu css crie o seguinte estilo pra ela:

 

#back_div{	background:top fixed no-repeat url(imagens/fundo.jpg);}

beleza??

 

abraço

Compartilhar este post


Link para o post
Compartilhar em outros sites

falae kra

 

backgraund[/i] foi style, auehuhae, ñ te zuando

é que lembre de um amigo meu que falava assim, mó comédia, aheuhehaeu

 

então...

 

você ao invés de fazer varias declarações pro background, é essencial ABREVIAR as declarações. LEIA SOBRE AQUI.

 

ai no seu caso ficaria assim...

 

body {background:url("fundo.jpg") fixed no-repeat center top;}
explicando...

 

URL você ja sabe né, onde esta a imagem

 

FIXED é o valor do 'background-attachment:', ou seja, é a maneira como o background vai se portar a rolagem da página.

 

NO-REPEAT indica para imagem ñ repetir, você tb ja sabe disso...

 

CENTER TOP indica o 'background-position:', o valor é sempre declarado em x y, ou seja, sempre o primeiro(x) valor vai ser horizontal e o segundo (y) vertical

 

é isso ae

espero que tenha ajudado

 

[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não funcionará no IE6.

IE6 e suas maravilhas...deviam proibir o uso do IE6 depois do lançamento do 7ou melhora microsoft podia desistir do navegador e tirar totalmente de circulaçãoai todo mundo ia usar firefox http://forum.imasters.com.br/public/style_emoticons/default/clap.gif hauehuaheuahuaheuahemas enfim...tem um hack ou um java pra que funcione ?daquele site que o kra citou la encima funciona no IE6, se eu ñ me engano é algum java que ele usou..falai se souber[]'s

Compartilhar este post


Link para o post
Compartilhar em outros sites

Salve salve...fiz um teste aqui..se você colocar isso em uma div.. realmente.. não funciona..pode colocar no elemento body do html mesmo...ai funciona belleza!:D

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.