Question

我的代码目前看起来像这样：

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%;
}

这在Chrome中运行良好，但在Safari中，图片的顶部会被剥离。查看示例here。

Answer 1

从fixed中的background规则中删除CSS：

.home-intro {
    background: url('example.jpg') no-repeat top center;
    ...
}

卡内的图像中的离子3浏览器特定问题

1 个答案: