Ir para conteúdo
  • Cadastre-se

(Resolvido)[Dúvida] (Website) Background Fixo


Ir para solução Resolvido por eskylo,

Posts Recomendados

Como posso fazer com que meu background fique exatamente fixo, sem se mexer? pois quando eu tenho uma pagina que seja comprida, com um texto grande, ou por exemplo a pagina de ranking que é grande... o background buga e desce junto, então ele fica fora do lugar correto...

 

(Obs: mas não aquele background que fica fixo e a pagina rola pra baixo e ele desce junto.. ele tem mesmo que ficar exatamente fixado)

 

Abaixo é a pate onde ele é configurado no meu default.css

body
{
	background: url('../_img/background/background.jpg') no-repeat top center; 
 	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
        background-size: cover;
	font-size: 11px;
	color: #524b3a;
	font-family: 'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif;
	padding: 0px;
	margin: 0px;
	text-shadow: 0.5px 0px #000;
}

e do basic.css

#ArtworkHelper {
  text-align: left;
  background-position: top center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  min-width: 1000px;

}
Editado por Disturbbed (veja o histórico de edições)
Link para o post
Compartilhar em outros sites
  • Respostas 15
  • Created
  • Última resposta

Top Posters In This Topic

Top Posters In This Topic

Popular Posts

depois  de body { adicione background-attachment:fixed;

pode me passar o link do seu website?

tenta tirar essas tags -webkit-background-size: cover;     -moz-background-size: cover;     -o-background-size: cover; background-size: cover; ow essa height: 100%; ow colocar o height com a altura do seu back em px

faça o teste deiche assim

 

body{
    font-size: 11px;
    color: #524b3a;
    font-family: 'Arial', Trebuchet MS, Helvetica, Tahoma, sans-serif;
    padding: 0px;
    margin: 0px;
    text-shadow: 0.5px 0px #000;
}

 

#ArtworkHelper {

  background: url('../_img/background/background.jpg');

  position: absolute;
  text-align: center;
  background-position: top left;
  background-attachment: scroll;
  background-repeat: no-repeat;
  top: 0px;
  height: 800px;
  width: 100%;
}
Link para o post
Compartilhar em outros sites

Fica faltando preencher >>> com o que voce passou, fica incompleto, ele não extende o background

Link para o post
Compartilhar em outros sites

Não é pra ficar fixo desse jeito, é pra rolar junto com o site, só o fixo que eu quero dizer, é que quando a pagina tiver um texto grande e tal, a imagem não fique extendendo pra baixo, assim buga e ela fica fora de posição e estendida até demais

Link para o post
Compartilhar em outros sites

Participe da conversa

Você pode postar agora e se cadastrar mais tarde. Se você tem uma conta, faça o login para postar com sua conta.

Visitante
Responder

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emojis são permitidos.

×   Seu link foi automaticamente incorporado.   Mostrar como link

×   Seu conteúdo anterior foi restaurado.   Limpar o editor

×   Não é possível colar imagens diretamente. Carregar ou inserir imagens do URL.

  • Quem Está Navegando   0 membros estão online

    Nenhum usuário registrado visualizando esta página.

  • Estatísticas dos Fóruns

    96847
    Tópicos
    519611
    Posts



×
×
  • Criar Novo...

Informação Importante

Confirmação de Termo