3

Boa tarde

Como deixar uma imagem responsiva, para que ela seja literalmente cortada na sua horizontal, para que remova o scrollbar horizontal da pagina, e nao fique com uma aparecia "esmagada"

agradeço a quem ajudar, segue a baixo um exemplo, a imagem esta responsiva, mas queria remover o efeito de "esmagamento" da imagem, quero que ela seja cortada, e não redimensionalizada

<html>

  <head>
  </head>

  <body>
                <img alt="" class="form-image" border="0" src="https://www.jotform.com/uploads/natupote/form_files/SALADA2.png" height="800px" width="100%" />

  </body>

</html>

2
  • Terá que colocá-la como background pelo CSS Commented 10/10/2016 às 17:32
  • Pode me ensinar o comando? sou iniciante em prog voltado a web Commented 10/10/2016 às 17:37

1 Resposta 1

1

Você precisa colocar a imagem como background de alguma div:

.img-responsive {
    background: url('http://i.imgur.com/xRxFRSY.jpg') top center;
    width: 100%;
    height: 250px;
}
<div class="img-responsive">
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .