离子 - 酒吧页脚css

时间:2016-06-30 14:28:15

标签: html css ionic-framework

我正试图摆脱Ionic中酒吧页脚的边框,但我仍然在条形脚掌的顶部和底部有白线,我不知道如何摆脱它:

这是我的css:

if(header.cupsBitsPerColor==1)
        {
            convertedpix = (unsigned char*)calloc(header.cupsWidth * header.cupsHeight*6,
                                                                                        sizeof(unsigned char));
            convert_pixels(pixdata, convertedpix, header.cupsWidth,
                                         header.cupsHeight);
        }

这是我的HTML:

.introduction {
  i {
    font-size: 3rem;
    color: $white;
    line-height: 190px;
  }

  .icon-circle {
    background-color: $darkgray;
    width:190px;
    height: 190px;
    border-radius: 100%;
    margin: auto;
    margin-top: 85px;
    text-align: center;
  }

  .info {
    margin: 50px 30px 0 30px;
    text-align: center;
  }
}

.bar-footer {
  height: 50px;
  background-color: $dark-background-color;
  border: 0;

  a {
    margin:auto;
    color: $white;
    text-decoration: none;
  }
}

.bar-subfooter {
  border: 0;
  bottom: 50px;
  height: 74px;
  padding-left: 15px;
  padding-right: 15px;
}

最终结果如下:

enter image description here

1 个答案:

答案 0 :(得分:3)

页脚使用background-image代替border

.bar-footer{
      background-image:'none';
}