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

Popular posts from this blog

What is happening when Matlab is starting a "parallel pool"? -

angular - DownloadURL return null in below code -

php - Cannot override Laravel Spark authentication with own implementation -