html - 链接是图像的一部分。调整大小问题

只有一个背景图像，链接图像是图像的一部分。我需要将<a href="#" ..附加到此背景图像。
问题是：
由于这些图像是图像的一部分，因此很难使其响应。
目前我有一个div，它包含a标记和一个需要的href属性。
CSS:

#link_div {
 height: 14%;
 left: 29%;
 top: 44%;
 width: 6%;
}

如果调整窗口大小，则需要根据新窗口大小动态更改height、left、top、width。用CSS可以解决吗？

最佳答案

是的，你可以。如果您有一个绝对链接，您的css代码将如下所示：

a {
    display:block;
    width:100px;
    height:50px;
    position:absolute;
    z-index:9;
    left:calc(50% - 50px);
    left:-ms-calc(50% - 50px);
    left:-moz-calc(50% - 50px);
    top:calc(50% - 50px);
    top:-ms-calc(50% - 25px);
    top:-moz-calc(50% - 25px);
}

有了这个css，你的tg总是居中的。如果您需要其他东西，您可以更改css参数。对不起，英语不好。