Javascript 为什么我的Pin It按钮；滚动/翻转“；什么时候在上空盘旋？

请参阅本页，例如：

将鼠标悬停在任何固定按钮上（无论是图像还是文章底部），都会导致按钮“滚动/翻转”，而不是显示静态固定按钮图像

---

我甚至不能确定原因是什么。。。有没有人有这方面的经验？这发生在Chrome和Firefox中。网站正在使用Wordpress。

看起来按钮就是这样设置的。如果您转到该站点，您将看到该按钮所在的位置。你会注意到它看起来像三个不同的按钮。这意味着它是一个精灵，在鼠标的某些活动中，它会显示图像的不同部分。只要快速看一眼，我就发现了这个

media="all"
a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}

你会注意到在代码中有一些转换，这是产生效果的一部分。另外，这是代码的一部分，只显示特定的图像，请注意背景位置

a.PIN_1392869101137_pin_it_button_20 {
background-repeat: none!important;
background-size: 40px 60px!important;
height: 20px!important;
margin: 0!important;
padding: 0!important;
vertical-align: baseline!important;
text-decoration: none!important;
width: 40px!important;
background-position: 0 -20px;
}

现在：悬停注意背景位置在哪里

a.PIN_1392869101137_pin_it_button_20:hover {
background-position: 0 0px;
}

---

这种变化正是造成这种影响的原因。

Tyler，谢谢你的帮助！你的解释正是我需要的。问题在于转换，它是从主题其余部分的按钮样式继承而来的。