So emulieren Sie die Hintergrundgröße: Cover auf <img>?

Wie kann ich die Größe des Bildes in einer Box so ändern und neu positionieren, dass es die gesamte Box bedeckt?background-size: cover funktioniert.

<div class="box" style="width: 100px; height: 100px;">
  <img src="pic.jpg" width="413" height="325">
</div>

Ich weiß, ich muss hinzufügenoverflow:hidden auf die box und das bild brauchtposition: absolute. Aber wie lautet die Formel, mit der ich die richtige neue Größe für das Bild und die linken + oberen Positionen erhalte?

Antworten auf die Frage(15)

Ihre Antwort auf die Frage