Question

我正在为客户端网站使用Pinterest悬停按钮小部件。

默认情况下，它显示在所有图像的左上角。它看起来不像他们的脚本允许定位。是否可以用CSS覆盖它？

由于

Answer 1

是的，我相信它是。如果您生成代码，您将看到它的按钮被创建为一个跨度，然后使用内联样式定位，我猜测每个图像动态。

在示例中，我看到它有类xc_pin，因此我将使用它作为我的示例，但请记住，您所拥有的类可能不同。

正如我所提到的，跨度的样式是内联的，所以要覆盖它，你必须使用！important，否则样式将被覆盖。以下是您的代码的外观：

xc_pin {
   left: 20px !important;
   top: 50px !important;
}

我希望这有帮助！

使用工作JSFIDDLE进行编辑

在玩了css之后，我设法找到了一种使用css兄弟选择器来定位它的方法，这里是jsfiddle：https://jsfiddle.net/2xzxgvfw/19/

希望这能解决您的问题！

Answer 2

我不知道你是如何生成代码的，但我认为在这个文件中应该有一个名为： ppibfi_pinterest.css 的文件查找该行：

.pibfi_pinterest .xc_pin{}

你应该找到类似的东西：top: 5px; margin-left: -1px; 如果你调整它，你应该能够修改pinterest图标的位置