如何拥有透明的离子脚?- 离子2.

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

我终于找到了！要获得透明的页眉或页脚，您必须覆盖离子含量中的类"滚动内容"，并将上边距或下边距设置为 0。

Answer 3

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

<ion-footer no-border transparent>

有时我还必须在 CSS 中执行以下操作以强制它很好地工作

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

祝你好运！