如何在实现CSS滑块图像的标题中放置徽标

Question

我正在尝试在Materialize CSS滑块的图片标题中放置徽标。徽标为png格式，背景透明。我可以看到显示的图像，但是缩放后的尺寸不合适。我试图用CSS修复它，但似乎没有任何效果。我对CSS不太了解。达到此目的的最佳方法是什么？

这是我的代码

<div class="slider">
<ul class="slides">
  <li>
    <img src="img/headeroptimised.jpg"> <!-- random image -->
    <div class="caption right-align">
      <img src="img/alternate.png" width="300px" height="200px"> <!-- logo i am trying to insert inplace of big Tagline like in 2nd slider -->
      <h5 class="light grey-text text-lighten-3>Here's our small slogan.</h5>
    </div>
  </li>
  <li>
    <img src="img/slider2optimised.jpg"> 
    <div class="caption left-align">
      <h3>This is our big Tagline!</h3>
      <h5 class="light grey-text text-lighten-3">Here's our small slogan.</h5>
    </div>
  </li>
</ul>
</div>

Answer 1

您可以使用background-size: auto auto;以原始尺寸显示图像