覆盖特定pinterest按钮的css

Question

我在我的网站上添加了一个pinterest按钮，这样如果有任何图像悬停，pinterest按钮就会出现，你可以将图像固定到你的电路板上：

<script type="text/javascript" async defer src="//assets.pinterest.com/js/pinit.js" data-pin-hover="true" data-pin-do="buttonBookmark" data-pin-color="white"></script>

但是，在几张图像上，按钮位于站点标题的顶部（固定位置到页面顶部），并在光标进入标题后消失。我一直在搜索，但找不到任何方法来覆盖应用于特定图像按钮的内联样式。

我找到的任何解决方案都是旧版本的pinterest按钮，您可以轻松覆盖css文件中的样式。

有没有人知道如何为新按钮执行此操作？

Here is a fiddle demonstrating my problem - you cannot click the button for the top two images

Answer 1

最后，我创建了自己的插件来遍历页面上的所有图像并创建一个链接，然后我可以完全控制它。

只要链接href按以下方式格式化，它似乎有效：

000001