存在,但无法显示的一种情况.(有img，但是长宽为0)

我的代码是

<ul class="list-j clr" id="listJoin">
                        <li><div style="line-height: 104px;"><span>高效</span><img src="res/images/1/man_01.png"></div></li>
                       <li><div style="line-height: 104px;"><span>高效</span><img src="res/images/1/man_01.png"></div></li>
                        <li><div style="line-height: 104px;"><span>高效</span><img src="res/images/1/man_01.png"></div></li>
                      <li><div style="line-height: 104px;"><span>高效</span><img src="res/images/1/man_01.png"></div></li>
                       <li><div style="line-height: 104px;"><span>高效</span><img src="res/images/1/man_01.png"></div></li>

 </ul>

但是只显示了span，没有img

一查发现在css里有这么一段

.swiper-slide-active .content .list-j img { -webkit-transition-delay:1.2s; transition-delay:1.2s; -webkit-transform:rotateY(90deg); transform:rotateY(90deg);}
.swiper-slide-active .content .list-j span { -webkit-transition-delay:1.6s; transition-delay:1.6s; -webkit-transform:rotateY(0); transform:rotateY(0);}

是-webkit-transition-delay:1.2s;的问题，意思是延迟显示，img是1.2，span是1.6，所以看不到img

记录下，算是爬别人代码的一个坑