javascript-角度材质-图像上的元素叠加(在md卡中)

我正在尝试使用有角度的材料(即在图像上添加动态文本)重现以下内容：
text over image

我想使用md卡,因为它很方便.

我的问题是我无法使文本覆盖在图像上；文本始终在图像之前或之后.

在CSS中发挥作用是唯一的解决方案吗？

非常感谢！

解决方法:

您可以使用包装器.像这样：

HTML：

<div class="md-card-wrapper" ng-app="myapp">
  <md-card>
    <img src="http://i.imgur.com/OiqxTL1.jpg">
  </md-card>
  <span>Text over image</span>
</div>

CSS：

.md-card-wrapper {
  position: relative;
    width: 40%;
  span {
      position: absolute;
      top: 20%;
      right: 20%;
      color: white;
      font-size: 34px;
    }
}

或者您可以在这里使用我的示例：http://codepen.io/anon/pen/xEpvOv

标签：angularjs,angular-material,css,javascript
来源： https://codeday.me/bug/20191026/1937987.html