02 Backgrounds com CSS

jr.biotec · 21 de novembro de 2011

Bom dia Galera, tudo bem?

Estou com o seguinte problema:

Preciso de 02 backgrounds na mesma página. Consegui fazer pelo código css e no dreanweaver, ao apertar a tecla f12 para visualizar no navegador, eles aparecem corretamente, inclusive na posição desejada e estipulada pelo css.... Porém, ao salvar tudo na mesma pasta ( imagens, arquivo index e arquivo css), o navegador não reconhece de forma correta. Na realidade teclando f12 no dreanweaver dá certo, e entrando pelo arquivo direto não dá... alguém sabe o motivo disso?

Segue os códigos html e css para quem puder ajudar.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>Untitled Document</title>

css:

html, body {

height: 100%;

margin: 0;

padding: 0;

z-index: 2;

}

html {

background: #0ff url(fundo.png) repeat-x repeat-y;

z-index: 2;

}

body {

background: transparent url(faixa.png) repeat-x 0 210px;

z-index: 2;

Nathanofr · 22 de novembro de 2011

Posta os códigos completos pode ser que eu consiga te ajudar.

Quando for salvar o arquivo em uma pasta tenta salvar o index e o css na mesma pagina, depois cria uma pasta dentro dessa pasta para as imagens. O css ficaria mais ou menos assim: a_pasta_com_as_imagens/fundo.png .