html - 在所有断点处将 'anchor' 定位在图像上的同一位置

Question

我一直试图将 anchor “链接”定位在图像红色部分的中心(所有断点)。这里我设置了position: absolute;并调整到完美。

但是，如果我向“段落部分”添加更多文本或调整当前断点，则此链接的位置将会移动。我把我所有的代码都放在 CodePen 上: https://codepen.io/anon/pen/PrVQgm?editors=1100

硬定位如下；

  .hero-hub-image .btn-tertiary {
    left: 175px;
    top: 120px; } 

Answer 1

如果您尝试在流体背景图像上放置元素，则必须使用流体单位，因此请尝试使用带有 %units 的 calc() 函数以最适合您的元素，例如

左:计算(15% + 100px)；