图片 link 在悬停时移动

Question

我正在修改 wordpress 网站的页脚以包含四个附属徽标及其相关主页 URL。每当将鼠标悬停在图像上时，图像容器就会收缩并将其下方的页面稍微向上移动，同时将图像稍微向左摇晃。

除了默认主题外，每张图片还有以下CSS：

#image-9 a {
    outline: none;
    position: relative;
}

#image-9 a img {
    outline: none;
    position: relative;
}

#image-9 img {
    border: none;
    position: relative;
}

Answer 1

无悬停：a img {padding: 4px }

悬停时：a:hover img {padding: 0}

在style.css中，查找并替换行681:

a img       { border:1px solid #dedede; padding:4px; }
a:hover img { border:5px solid #2d3e4f; }

图片 link 在悬停时移动

Image link moves on hover

css

wordpress

hover