css - ionic 3 browser specific issues in image inside card -
my code looks this:
html:
<ion-slides direction="vertical" speed="1000" slidesperview="1"> <ion-slide class="home-intro"style="background-color:#2298d3"> </ion-slide> css:
.home-intro { background: url('http://www.segalpetroniru.com/images/consulting-services-hero-image-secondary.jpg') no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: 100%; } this works fine in chrome in safari top part of image gets stripped. check example here.
remove fixed background rules in css:
.home-intro { background: url('example.jpg') no-repeat top center; ... }
Comments
Post a Comment