卡片上的FAB按钮跨越MDL的内容部分

Question

如何将我的FAB显示在卡片上，如下例所示？

我的卡设置如下

我真正想要的是橙色FAB跨越蓝线和白线。我如何使用Material design lite进行此操作？

Answer 1

在持有FAB的卡的CSS中，输入：

position: relative;
overflow: visible;

在FAB的CSS中（假设它属于上面的视图），输入：

position: absolute;
right: 5px;
bottom: -25px;

如果FAB位于以下视图中，请更改

bottom: -25px;

到

top: -25px;

您可能需要对响应能力做一些小的调整（我在网络开发时非常环保），但这会让您开始。