关于后端渲染数据(图片路径)到行内样式:background-image,手机上看不到图片的问题?

列表展示页,模板是php模板,从后台循环出图片数据;数据是渲染到页面dom元素里的style;代码如下:

 <div class="pic-sec"> <img class="album" src="public/images/border-big-<?php echo $value[albumId]; ?>.png?v=1" /> <div style="background-image:urlpublic/upload/<?php echo $value[imagepath].?.time; ?>" class="photo1" ></div>
</div>

在pc端浏览是是正常的;但是在手机端图片不显示;求解到底是什么情况啊?

photo1的样式是这样:

.pic-sec{ width:100%; height:auto; position:relative; display:inline-block;
}
.album{ width:100%;
}
.photo1{ position: absolute; background-position: center; width: 88%; height: 90%; z-index: -1; top: 6%; left: 9%; background-size: cover; -webkit-background-size: cover; overflow: hidden;
}

PS:如果不用后端打印的数据,而是给一个已知的图片路径;手机端是可以显示的;

那就是你动态添加的图片地址不对,所以显示不出来

发表评论

电子邮件地址不会被公开。 必填项已用*标注