background-size: cover

[drdf]

b) ohne background-image funktioniert.

Ein individuelles background-image ließe sich auch als inline-Style definieren.

• Wenn die Individualität des Bildes das Problem ist?!

<div class="teaser" style="background-image: url('dummy.jpg');">
 <img src="dummy.jpg">
 <p>Dummy</p>
</div>

.teaser
{
  background-size:cover;
  background-position: center;
  /* das individuelle image ist inline definiert, hier nur der Fallback */
  background-image: url('fallback.jpg');
}
.teaser>img
{
  display: none;
}