图片 link 在悬停时移动
Image link moves on hover
我正在修改 wordpress 网站的页脚以包含四个附属徽标及其相关主页 URL。
每当将鼠标悬停在图像上时,图像容器就会收缩并将其下方的页面稍微向上移动,同时将图像稍微向左摇晃。
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;
}
无悬停: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; }
我正在修改 wordpress 网站的页脚以包含四个附属徽标及其相关主页 URL。 每当将鼠标悬停在图像上时,图像容器就会收缩并将其下方的页面稍微向上移动,同时将图像稍微向左摇晃。
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;
}
无悬停: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; }