很快微信开发者平台

 找回密码
 注册
查看: 15110|回复: 5

background-image 手机不现实问题

[复制链接]

7

主题

54

帖子

1101

积分

专家路上

积分
1101
 楼主| 发表于 2017-2-9 16:33:13 | 显示全部楼层 |阅读模式
如题设置了wxss background-image: url(../../images/icon-arrowright.png);pc上测试可以显示,但是手机上不能显示,是什么那里的问题呢?

.arrow{
  position: absolute;
  top: 16px;
  right: 15px;
  width: 15px;
  height: 15px;
  background-image: url(../../images/icon-arrowright.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}


Capture.JPG
回复

使用道具 举报

7

主题

54

帖子

1101

积分

专家路上

积分
1101
 楼主| 发表于 2017-2-9 16:34:07 | 显示全部楼层
我试过了并不是被遮挡的原因
回复

使用道具 举报

1

主题

9

帖子

78

积分

新人求带

积分
78
发表于 2017-2-9 16:38:20 | 显示全部楼层
你用的图片是本地图片,在开发者工具上当然没有问题呀,换成网络图片吧
回复

使用道具 举报

0

主题

2

帖子

48

积分

新人求带

积分
48
发表于 2017-2-9 17:52:18 | 显示全部楼层
background-image标签对不上。
回复

使用道具 举报

2

主题

55

帖子

898

积分

专家路上

积分
898
发表于 2017-2-10 09:19:37 | 显示全部楼层
本地资源无法通过 css 获取
background-image:可以使用网络图片,或者 base64,或者使用<image/>标签,
你要用自己的图片的话只能先把它放到网上或者自己的服务器(有外部域名,能访问)上,用域名访问
回复

使用道具 举报

0

主题

1

帖子

41

积分

新人求带

积分
41
发表于 2017-7-24 14:56:46 | 显示全部楼层
谢谢五楼的答案。
实际开发中发现,tabBar中的必须使用本地图片而不能使用网络图片。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|手机版|小黑屋|很快微信开发者平台 ( 京ICP备2021022608号 )

GMT+8, 2021-12-3 00:35 , Processed in 0.032348 second(s), 25 queries .

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表