列表展示页,模板是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:url('public/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:如果不用后端打印的数据,而是给一个已知的图片路径;手机端是可以显示的;
那就是你动态添加的图片地址不对,所以显示不出来