覆盖特定 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按以下方式格式化，它似乎就可以工作：

https://www.pinterest.com/pin/create/button/?url=[full url of web page]&media=[full url of image]&description=[image title]