关于页面背景图中的变量
发布于 6 年前 作者 qiuwei 6369 次浏览 来自 问答

page{

background: #4794FE url(http://www.some.com:8080/weixin/images/bg_rank.png) no-repeat fixed top;

background-size: 100%;

}

由于目前页面级的背景图不支持本地路径的图片,在采用网络图片时,本地开发的域名、端口通常跟正式服务器是不一样的,目前官方给出的解决方案有:

  1. 用base64

    多个页面使用同一背景图片,会使小程序很大

  2. 用image标签

    这个不适用于充满整个背景,且影响其它view的布局

  3. 用远程url

    上线前还得批量替换域名或端口,忘记就麻烦了

我试了用<page>标签setData的方式,貌似不支持,用<view>标签又不能实现背景图铺满整个page,还有什么比较科学的解决方案吗?

1 回复

我们已经用过的最科学的办法就是IMAGE fix定位,宽高100%,宽高铺满屏幕,定位脱离文档流,不影响其他view的布局。层级设置最低

回到顶部