img的hover事件闪动

1 <img src="1.jpg">
2 <div> 
3 　　<span>图片1</span>
4 　　<span>姓名</span>
5 </div>

 1 *{
 2 　　margin: 0;
 3 　　padding: 0;
 4 }
 5 img,div{/*注意图片跟div大小要一致，位置要重合*/
 6 　　width: 200px;
 7 　　height: 200px;
 8 }
 9 div{/*设置好div位置后，设为隐藏*/
10 　　background-color: rgba(242, 242, 242, 0.7);
11 　　position: absolute;
12 　　margin-top: -203px;
13 　　display: none;
14 }
15 /*出现bug位置*/
16 img:hover + div{/*鼠标浮动到img，让后面紧跟的div的display样式改为显示block*/
17 　　display: block;
18 　　cursor: pointer;
19 }
20 span{
21 　　display: inline-block;
22 　　margin-bottom: 15px;
23 　　margin-left: 70px;
24 }
25 span:nth-of-type(1){
26 　　margin-top: 50px;
27 }

img:hover + div, div : hover{
　　display: block;
　　cursor: pointer;
}