Ir para conteúdo

POWERED BY:

Arquivado

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

wesleyroverson

Fixar Background

Por , em Desenvolvimento frontend

Recommended Posts

wesleyroverson    0

wesleyroverson
Postado

Bom dia,


Caros....

 

Estou com um grande problema..

 

Ja tentei com todos os posts fixar o background porem não consigo.

 

abaixo código:

 

<body background="imagem.jpg" bgproperties="fixed">
<!-- MAIN -->
<div id="main">
<!-- TOPO -->
<div id="topo">

</div>
<!-- /TOPO-->
<!-- CENTRO -->
<div id="centro">

</div>
<!-- /CENTRO -->
<!-- RODAPE -->
<div id="rodape">

</div>
<!-- /RODAPE -->
</div>
</body>

Abaixo a folha de estilo

 

*{
	margin:0;
	padding:0;
	border:0;
}
body{
	width:100%;
	height:100%;
	font-family:Tahoma, Geneva, sans-serif;
}
#main{
	width:100%;
	height:100%;
}
#topo{
	width:100%;
	height:170px;
	background:#333;
	position:absolute;
	top:0;
}
#centro{
	background:url(../img/bg_centro.jpg) no-repeat;
	width:100%;
	height:720px;
	margin-top:170px;
	position:absolute;
	display:block;
	background-position: center top;
    background-repeat: repeat;
    background-size: 100% auto;
}
#rodape{
	width:100%;
	height:140px;
	bottom:0;
	position:absolute;
	background:#333;
}

O que eu preciso é simples.

 

Preciso manter o topo fixo, o centro fixo e o rodapé fixo sem a necessidade de fazer um background em JPG e fixar tudo...

 

Poderiam me auxilar?

 

Atenciosamente


Wesley

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giluan Moral    0

Giluan Moral
Postado

Não consegui entender direito o que você pretende.

Mas se você quer estender uma imagem de background por todo o site você pode utilizar JavaScript.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

Eu entendi, por essa parte do código:

<body background="imagem.jpg" bgproperties="fixed">

Que ele quer a imagem de fundo fixa, será que não é :upset:

Compartilhar este post

Link para o post
Compartilhar em outros sites

andersonseifert    10

andersonseifert
Postado

rsrs eu vi tambem so que logo ali ele fala,

 

''Preciso manter o topo fixo, o centro fixo e o rodapé fixo sem a necessidade de fazer um background em JPG e fixar tudo...''

Compartilhar este post

Link para o post
Compartilhar em outros sites

wesleyroverson    0

wesleyroverson
Postado

Ola.. Caros amigos... consegui a solução que precisava....

 

#centro{
    background:url(../img/bg_centro.jpg);
    width:100%;
    height:100%;
    position:absolute;
    z-index:-1;
    display:block;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

 

Lembrando que acima está somente a solução não o código que compõem por completo.

**Informação para outras pessoas que tiverem essa duvida**

 

Mas mesmo assim meus amigos agradeço a todos vocês por terem opinado.

 

Um grande abraço a todos.

 

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito