我正在为客户网站使用 Pinterest 悬停按钮小部件。
https://developers.pinterest.com/on_hover_pin_it_buttons/
默认情况下，它出现在所有图像的左上角。看起来他们的脚本不允许定位。是否可以用 CSS 覆盖它？
谢谢
最佳答案
是的，我相信它是。如果您生成代码，您会看到固定按钮被创建为一个跨度，然后使用内联样式进行定位，我在动态猜测每个图像。
在示例中，我看到它有类 xc_pin，所以我将在我的示例中使用它，但请记住，您拥有的类可能不同。
正如我提到的，span 是内联样式的，因此要覆盖它，您必须使用 !important，否则样式将被覆盖。以下是您的代码的外观:
xc_pin {
left: 20px !important;
top: 50px !important;
}
希望对您有所帮助!
使用工作 JSFIDDLE 进行编辑
在玩弄了 css 之后，我设法找到了一种使用 css 兄弟选择器来定位它的方法，这里是 jsfiddle:https://jsfiddle.net/2xzxgvfw/19/
希望这能解决您的问题!
关于css - 是否可以定位 Pinterest 悬停按钮，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/30303611/