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

关于后端渲染数据(图片路径)到行内样式: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: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:如果不用后端打印的数据,而是给一个已知的图片路径;手机端是可以显示的;


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

【热门文章】
【热门文章】