PayPal 按钮重叠网站元素 - 由于内联 CSS 无法控制定位

Question

我在 Magento 网站上集成了 PayPal 按钮，但这些按钮的 CSS 类内联，并且在滚动时始终与其他元素重叠。

例如，在网站的固定标题上，向下滚动时 PayPal 按钮会覆盖它。我尝试过使用定位、z-index 等，但我只能更改按钮的大小。

由于样式是内联的，我无法修改其在页面上的自然位置。有什么方法或技巧可以强制 PayPal 按钮自然地定位在页面流中吗？

任何解决此重叠问题的建议或帮助都值得赞赏，因为这些按钮会干扰其他关键网站元素。谢谢！

Answer 1

1. 更改 header 中的 z-index 使其大于 paypal 区块中的 z-index

2. 将 paypal 块包裹在 div 中，并为其指定 z 索引，使其小于标头中的 z 索引。