1

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

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

编辑：中间图标并排显示悬停图像和原始状态图像，而不是一个坐在另一个之上。我在问如何让它们彼此叠放，因为我使用不透明度和 CSS 过渡来实现悬停效果。

4

2 回答 2

0

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>
于 2013-11-28T10:44:09.660 回答
-1

你错过了：

#facebook img { position: absolute; }

于 2013-10-21T22:14:00.773 回答