使用转换后重新缩放和错误的颜色：悬停时缩放

Question

我在一个块内有一个div的图像，在鼠标悬停时缩放比较大，然后该块成为悬停时的显示块。我的代码是这样的：

_br_ex

我的CSS（LESS）如下所示：

<div>
  <img>
  <div class="social-sharing">
    <a href="#" class="fb">Fb</a>
    <a href="#" class="twitter">Twitter</a>
  </div>
</div>

当我将img重新缩放一点时，对我来说更重要的是边框的白色不是白色的灰色。

你可以看到它in my codepen

为什么会这样，我该如何解决？

Answer 1

很抱歉，但我不是真的了解你的问题，但我会尝试......

如果你想在你的Facebook按钮周围有一个完整的白色边框，只需写下border: 3px solid #fff;，而不是border-right: 3px solid #fff;

如果你想要一个完整的白色边框，只需将border 3x solid #fff直接放入.social-sharing - 阻止。

您可以在CSS中找到有关如何使用border - CSS功能的更多信息，例如here。