为特定的 pinterest 按钮覆盖 css
Override css for specific pinterest buttons
我在我的网站上添加了一个 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>
但是，在一些图片上，按钮位于网站 header 的顶部（固定在页面顶部），一旦光标进入 header 按钮就会消失.我一直在搜索但找不到任何方法来覆盖应用于特定图像按钮的内联样式。
我找到的任何解决方案都适用于旧版本的 pinterest 按钮，您可以在其中轻松覆盖 css 文件中的样式。
有人知道如何为新按钮执行此操作吗？
Here is a fiddle demonstrating my problem - you cannot click the button for the top two images
最后我制作了自己的插件来遍历页面上的所有图像并创建一个 link 然后我可以完全控制它。
只要 link href 按以下方式格式化，它似乎就可以工作：
https://www.pinterest.com/pin/create/button/?url=[full url of web page]&media=[full url of image]&description=[image title]
我在我的网站上添加了一个 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>
但是，在一些图片上，按钮位于网站 header 的顶部（固定在页面顶部），一旦光标进入 header 按钮就会消失.我一直在搜索但找不到任何方法来覆盖应用于特定图像按钮的内联样式。
我找到的任何解决方案都适用于旧版本的 pinterest 按钮，您可以在其中轻松覆盖 css 文件中的样式。
有人知道如何为新按钮执行此操作吗？
Here is a fiddle demonstrating my problem - you cannot click the button for the top two images
最后我制作了自己的插件来遍历页面上的所有图像并创建一个 link 然后我可以完全控制它。
只要 link href 按以下方式格式化，它似乎就可以工作：
https://www.pinterest.com/pin/create/button/?url=[full url of web page]&media=[full url of image]&description=[image title]