Quero centralizar uma imagem de fundo. Não há div usada, este é o estilo CSS :
body{
background-position:center;
background-image:url(../images/images2.jpg) no-repeat;
}
As peças CSS acima estão espalhadas e centralizam, mas metade da imagem não é vista, apenas meio que sobe. O que eu quero fazer é centralizar a imagem. Eu poderia adotar a imagem para ver mesmo em uma tela de 21 "?
Respostas:
Isso deve funcionar.
Caso contrário, por que não fazer um
div
com a imagem e usáz-index
-lo para torná-lo o plano de fundo? Seria muito mais fácil centralizar do que uma imagem de fundo no corpo.Além dessa tentativa:
background-position: 0 100px;/*use a pixel value that will center it*/
Ou acho que você pode usar 50% se tiver definido seu corpomin-height
para 100%.fonte
background-image:url(http://www.myurl.com/images/image.jpg);
coloque isso no CSS.Eu uso esse código, funciona bem
fonte
-webkit-background-size
existe a partir de declarações especiais.Eu acho que é isso que se quer:
fonte
Experimentar
fonte
center center
em conjunto combackground-repeat: no-repeat
deve fazer o que você pede - centralize a imagem.body
ummin-height
de100%
modo que se estende em toda a tela cheia. Isso pode resolver o problema.Como isso:
fonte
Há um erro no seu código. Você está usando uma mistura de sintaxe completa e notação abreviada na propriedade background-image. Isso está fazendo com que a não repetição seja ignorada, pois não é um valor válido para a propriedade background-image.
Deve se tornar um dos seguintes:
ou
EDIT: Para o problema de 'redimensionamento' da imagem, convém consultar a resposta desta pergunta .
fonte
Tente isto
background-position: center top;
Isso fará o truque para você.
fonte
Não centraliza verticalmente a imagem de plano de fundo ao usar um doctype html 4.01 'STRICT'.
Adicionando:
Deve corrigir o problema
(Então Alexander está certo)
fonte
simplesmente substitua
com
fonte
Se você não estiver satisfeito com as respostas acima, use este
fonte
Teve o mesmo problema. Utilizou propriedades de exibição e margem e funcionou.
fonte
não funciona para mim sem ...
usando ambos centralizou minha imagem nos eixos xey
fonte
A única coisa que funcionou para mim é ..
fonte