posicionar imagem de fundo

[Bruno Conte 4]

Pessoal tenho uma div onde coloquei uma imagem de fundo.

so que preciso ajustar a posição desta imagem dentro da div, pois como é uma imagem bem maior que a div preciso posicionar ela para aparecer o que eu preciso.

A imagem e maior devido quando vou imprimir se a imagem tiver com tamanho baixo a impressora distorce a imagem.

#meiocart{

width:315px;

height:200px;

background-image: url(../imgs/fundocracha.png);

}

[guilomaker 31]

use a propriedade

background-size:

e teste com seus valores:

Contain

Cover

inherit

initial

eu não lembro qual deles que faz esse ajuste, mais testa ai, um dos 4 vai resolver.

[GeovanniFerreiraMota 0]

Você pode usar o atributo

background-size: cover ;
background-position:center;

#meiocart{
    width:315px;
    height:200px;
    
    background-image: url(../imgs/fundocracha.png);
    background-size:cover;
    background-position:center;
}

no caso vai alinhar o background no centro preenchendo toda a largura. sem distorcer a imagem.

testa ai é comente se ficou bom :D .