Question

我正在修改wordpress网站的页脚，以包含四个联盟徽标及其关联的主页网址。每当图像悬停在图像容器上时，图像容器会缩小并稍微向上移动页面，以及稍微向左摇晃图像。

网址：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; }

图像链接在悬停时移动

1 个答案: