0 
<ion-footer-bar class="pizza-footer">
    <img ng-src="img/pizza_bottom.png" />
</ion-footer-bar>

在我的样式表中，我将这些样式应用于页脚栏和图像。

ion-footer-bar {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background-color:transparent !important;
}

尽管进行了这种尝试，但页脚栏上方仍然有一条我无法删除的细灰线。我应该考虑一个 CSS 属性吗？

注意：这条灰线仅在我在 Ionic View 中编译和查看应用程序时出现。Chrome 和 Safari 不显示这条灰线。

4

2 回答 2

2

尝试这个：

<ion-footer-bar class="pizza-footer no-line">
    <img ng-src="img/pizza_bottom.png" />
</ion-footer-bar>

.no-line{
  background-color:transparent !important;
  background-image: none !important;
  border:0px !important;
}
于 2015-08-14T21:03:15.307 回答
0

使用 ionic 2+ 使用属性no-border：

<ion-footer no-border>
...
</ion-footer>

它也适用于<ion-header>

于 2017-08-11T11:48:31.383 回答