Fab Button shown behind ion-slide

@havenotfear wrote:

I am having a little issue with my Fab button being behind an image even though the z-index is above. This only happens to the items that are off the screen. Any help would be much appreciated!

I used card-advanced-map as a guide.

<ion-card *ngFor="#item of items | async">
    <div style="position: relative">
        <ion-slides pager>
            <ion-slide *ngFor="#image of item.images">
                <img src="{{image.url}}">
            </ion-slide>
        </ion-slides>
        <button fab fab-right fab-top>
            <ion-icon name="cart"></ion-icon>
        </button>
    </div>
    <ion-item>
        <h2>{{item.name}}</h2>
        <p>{{item.description}}</p>
    </ion-item>
</ion-card>

Button css
top: calc(100% - 35px);
z-index: 50;

Posts: 1

Participants: 1

Read full topic