Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
bom pessoal eu tenho uma pagina onde o fundo é uma imagem de tamanho 167x768 (a imagem tem um degrade e umas listras brancas) , bom, eu consigo fazer ela se repetir horizontalmente. No meu notebook, a pagina fica perfeita.Ai fui testar em um munitor maior, onde percebi que a imagem começa a se repetir em baixo..
Gostaria de saber como faço par que a imagem não se repita e complete o monitor, sem importar a resolução, quero que se adapte a qualquer resolução.
o css que estou usando pe o seguinte
*{margin:0; padding:0}
html, body{
height:100%;
}
.fundo {
background-image: url(image/fundo.png);
/* width:100%;*/
/*height:100%;*/
position:absolute;
top:0;
left:0;
}html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../css/index.css"/>
</head>
<body class="fundo">nao..exatamente.. nesse primeir link que mandace, é uma imagem que preenche todo fundo..
no meu caso, a imagem tem que se repetir horizontalmente e se esticar na vertical.
>
Tipo isso aqui: http://forum.imasters.com.br/topic/459543-ajuda-com-html/page__view__findpost__p__1819396 ?
Bom pelo que eu vi, não é bem isso..
assim..
eu tenho um "filete"(167x768), esse imagem ela tem que se repetir horizontalemente até completar a resolução
e se esticar verticalemente para completar a resolução.
Giovane, dei uma lida no que tu me mando, mas não me achei para o que eu quero.
Eu não entendi bem o que você quer. Que a imagem se repita no eixo x ou y?
>
eu tenho um "filete"(167x768), esse imagem ela tem que se repetir horizontalemente até completar a resolução
e se esticar verticalemente para completar a resolução.
tenta
html{
min-height:100%;
}width: 950px;
height:100%;>
...e se esticar verticalemente para completar a resolução.
Se existir um jeito de fazer isso, acho que vai ficar uma droga. O ideal seria repetir a imagem, tanto no eixo X e/ou y.
Eu acredito que essa seja a solução, mas nao a ideal, utilize multiplos backgrounds, você coloca um pra repetir no eixo x, e outro pra ficar fixed, só nao sei agora se tem como deixar fixed no eixo y
e ai pessoal, agradeço a todos que tentaram me ajudar.
Mas mudei o plano de fundo, resolveu o meu caso.
Agradeço a ajuda e ao tempo de vocês..
Abração
Tipo isso? http://nanotux.com/plugins/fullscreenr/index.html
Ou então... :seta: https://www.google.com.br/search?q=background+resoluçao