image 设置的背景颜色真机上面无法显示

发布于 7 年前作者 xiuyingtang9761 次浏览最后编辑 7 年前来自 ask
  • 当前 Bug 的表现(可附上截图)

  • 预期表现

  • 复现路径

  • 提供一个最简复现 Demo

wxml中代码如下:

<image id=“search_id” class=‘blue-img-button’ style="margin-left: 10rpx; " mode=‘aspectFit’ src=‘/image/tsearch.png’ bindtap=‘searchTap’></image>

wxss中代码如下:

.blue-img-button {

width: 60rpx;

height: 35rpx;

padding: 15rpx;

margin-left: 5rpx;

margin-right: 5rpx;

border-radius: 12rpx;

border: 1rpx solid #dbe0eb;

background-color: #0066ffaf

}

模拟器中效果如下:

问题是: 真机上面蓝色的背景没有显示出来,显示的是白色背景。 这是为何??????

2 回复
lihan
lihan1 楼6 年前

用rgba吧,这种写法有不兼容现象,我的小米8青春版就不支持

guiyingkong
guiyingkong2 楼5 年前

把background-color: #0066ffaf

改成background: #0066ffaf;