在所有断点处将“锚点”放置在图像上的同一位置

时间:2019-07-10 18:08:42

标签: html css

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

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

硬定位如下;

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

1 个答案:

答案 0 :(得分:1)

如果要在流体背景图像上定位元素,则必须使用流体单位,因此请尝试将calc()函数与%units配合使用,以最适合您的元素,例如

VSS.init({ explicitNotifyLoaded: true, usePlatformScripts: true }); VSS.ready(function () { VSS.register(VSS.getContribution().id, function (context) { return { // ... }; }); VSS.notifyLoadSucceeded(); });