图片链接在悬停时移动

Question

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

网址：http://giant2.cogiva.com/

除了主题默认值之外，每个图像都有以下 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; }