使用CSS过渡图像 - 不能居中DIV

Question

在此网站上：http://iledan.me/test.html

我正在尝试使用CSS过渡来对这三个图像创建悬停效果，每个图像都在自己的div中，并且容器中的所有三个div都是如此。左右图标分别左右浮动，中间的图标在每一侧设置为自动边距。如何使中间图标像其他图标一样起作用？

编辑：中间图标是并排显示悬停图像和原始状态图像，而不是一个坐在另一个上面。我问如何让他们坐在彼此的顶部，因为我使用不透明度与CSS过渡为悬停效果。

Answer 1

html - 将图像对齐div中的中间和中间

.img  
    { width:500px;
      height:250px;
      border:4px solid pink;
      display:table-cell;
      text-align:center;
      vertical-align:middle;
     }


  <div class="box"> 
       <img src="https://fbcdn-sphotos-g-a.akamaihd.net/hphotos-ak-ash2/377327_347562611999364_262535563_n.jpg" width="400" height="140" />
  </div>

Answer 2

你错过了：

#facebook img { position: absolute; }