Ionic之ui-sref引入图片,图片部分挡住解决方案

ionic图片设置大小跟图片像素相同,但是使用ui-sref="parkInfo"上半部分图片会挡住,增加height的高度,就可以显示原本图片

 

页面:

  <ion-content>
        <div><a href="views/haha/haha.html">这是首页</a></div>
        <ion-list>
            <ion-item class="car-bindCarNu" ui-sref="bindCar"></ion-item>
            <ion-item class="car-parkInfo" ui-sref="parkInfo"></ion-item>
            <ion-item class="count-mouthContinue" ui-sref="parkInfo"></ion-item>
            <ion-item class="ionic-merchan" ui-sref="parkInfo"></ion-item>

        </ion-list>
    </ion-content>

 

css:

.car-parkInfo{
    background: url("../images/parkInfo.png") no-repeat center;
    width:134px;
    height:200px;
    margin-left: 200px;
    margin-top: -200px;
}

结果截图

 

posted @ 2017-03-02 13:15  liziyou  阅读(460)  评论(0)    收藏  举报