小程序view设置背景图后图片无法全部显示

最新推荐文章于 2024-07-22 18:22:47 发布

原创最新推荐文章于 2024-07-22 18:22:47 发布 · 1.1w 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍了一种使用CSS设置背景图片的方法，通过定义不同的类(.dynamic_1, .dynamic_2, .dynamic_3)来实现背景图片的灵活更换，并详细说明了如何设置背景图片的大小、位置等属性。

.dynamic_1, .dynamic_2, .dynamic_3{
    flex:1;
    margin-top: 20rpx;
    /*background-size: 100% 100%;*/
    background-size: cover;
    position: relative;
    text-align: center;
}
.dynamic_1{
    background-image: url('http://app.maidiyun.com/images/dtjq/dtjw_bg1.png');
}
.dynamic_2{
    background-image: url('http://app.maidiyun.com/images/dtjq/dtjw_bg3.png');
}
.dynamic_3{
    background-image: url('http://app.maidiyun.com/images/dtjq/dtjw_bg2.png');
}