<ion-footer-bar> отображается в iOS Ionic View с тонкой серой линией

Question

<ion-footer-bar> отображается в iOS Ionic View с тонкой серой линией

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 не показывают эту серой линии.

Caleb Faruki 06 авг. 2015, в 20:11

Источник

0

Вы пытались придать цвет этому краю? Цвет границы: # FF6E00! важный;
NHTorres 11 авг. 2015, в 20:34

Теги:

ionic-framework

angularjs

ios

ionic-view

ionic

2 ответа

0

С ионным 2+ используйте атрибут no-border:

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

Он также работает для <ion-header>

Davidea 11 авг. 2017, в 10:39

Ещё вопросы

Вы пытались придать цвет этому краю? Цвет границы: # FF6E00! важный;

Luis Guzman · Accepted Answer · 2015-08-14T18-38-00.000Z

Попробуй это:

<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;
}

Это, казалось, решило это! Спасибо! Как вы думаете, вы могли бы точно указать, какая собственность была причиной этого? Я подозреваю, что это был background-color .