Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17638
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Dois backgrounds em um documento ( div )

08-01-2008 20:50

Esse script permite usar mais de um background no mesmo documento.

Você irá precisar ajustar os valores: width, height, left e top para posicionar o background de acordo com a resolução.

Os valores background-position são para ajustar a figura na própia posição.

<style type="text/css"> .div1{ background-image:url(fundo1.jpg); background-position: 0% 0%; position:absolute; width:400px; height:100px; left:0px; top:0px; } .div2{ background-image:url(fundo2.jpg); background-position: 0% 0%; position:absolute; width:400px; height:100px; left:400px; top:0px; } </style>


<div class="div1"></div> <div class="div2"></div> <div style="position:absolute;">conteúdo do site aqui</div>

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado