Ir para conteúdo

POWERED BY:

Arquivado

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

Augusto Caosim

Html

Por , em Desenvolvimento frontend

Recommended Posts

Augusto Caosim    0

Augusto Caosim
Postado

Olá, estou iniciando no fórum e também na criação de sites, estou fazendo uma página e estou com uma dúvida, provavelmente medíodre, mas, nao estou conseguindo resolver...

Seria quando eu estou começando a programar a página de estilos CSS.

Eu tenho que pôr um degradê como background ('<body>') e nao estou conseguindo fazer com que a imagem fique no tamanho total da página.. Já tentei usar o 'background-repeat:no-repeat' 'repeat-x, também tentei regular pelo height e width, sem sucesso..

 

Segue a linha do código (tentei mais de um também):

 

<style>

body {

background-image: url(images/bg.jpg);

background-repeat: repeat-x;

}

</style>

 

Esse script eu tb nao consegui, daí eu tentei usar um gradient generator, onde só bastava eu copiar o script e colar na minha pag.. porém nao consegui também.

 

<style>

 

body{

 

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(top, #ffffff 0%, #dbdbdb 100%); /* FF3.6+ */

 

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */

 

background: -webkit-linear-gradient(top, #ffffff 0%,#dbdbdb 100%);

/* Chrome10+,Safari5.1+ */

 

background: -o-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* Opera 11.10+ */

 

background: -ms-linear-gradient(top, #ffffff 0%,#dbdbdb 100%); /* IE10+ */

 

background: linear-gradient(to bottom, #ffffff 0%,#dbdbdb 100%); /* W3C */

 

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */

}

</style>

 

Enfim, a dúvida é escrota mesmo, mas, como eu disse, sou novato, e faz um tempao que nao faço um site tb.. Ficaria muito agradecido se alguém desse esse help.

 

Valeu!

Compartilhar este post

Link para o post
Compartilhar em outros sites

allex_carvalho    124

allex_carvalho
Postado

Isso aqui já resolveria o problema do background:

 

<style>
body {
background: url(images/bg.jpg) repeat-x;
}
</style>

 

Só confirme o caminho.

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