background-size: cover
bearbeitet von 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?!
~~~HTML
<div class="teaser" style="background-image: url('dummy.jpg');">
<img src="dummy.jpg">
<p>Dummy</p>
</div>
~~~
~~~CSS
.teaser
{
background-size:cover;
background-position: center;
/* das individuelle image ist inline definiert */
background-image: url('fallback.jpg');
}
.teaser>img
{
display: none;
}
~~~