png 使用 safari 和 chrome 覆盖按钮

Question

我创建了一个带有特色图片的主页，该图片在 Firefox 上运行良好，但使用 safari 和 chrome 时，图片与按钮略有重叠。

我已经尽一切努力让图像落在按钮下方，使用 z-index: 甚至将图像添加到 div 作为背景，但在查看时它似乎仍然想坐在所有内容的顶部与 Chrome 和 Safari。我还没有尝试过 Edge 或 IE，我知道它似乎只适用于 Firefox

http://aspirationalfutures.co.uk

任何帮助都会很棒

Answer 1

添加以下 CSS 以更正堆叠顺序：

#one, #two {
  position: relative;
}

添加这个以使opacity 工作：

a.fade {
  display: inline-block;
}