Question

我很难有一个透明的页脚，有一个白色的渐变按钮。

我试过这个：

scroll-content {
  overflow: visible !important;
}

这项工作但内容现在不是可以扫描的......

Answer 1

是的，在下面的scss中添加

.scroll-content {
    margin-bottom: 0!important;
  }

以及

<ion-footer text-center no-border transparent>

HTLM中的

将执行：D

Answer 2

我终于找到了！要拥有透明页眉或页脚，您必须覆盖离子内容中的“滚动内容”类，并将margin-top或margin-bottom设置为0。

Answer 3

其他答案有效，但是正如您所说的，内容不再可滚动。 “透明”标签应该可以解决问题。

<ion-footer no-border transparent>

有时候，我还必须在CSS中执行以下操作，以强制其正常工作

background-color:rgba(0,0,0,0);

祝你好运！