Question

我已经创建了一个带有精选图片的主页，它可以与firefox一起使用，但是图片与按钮略有重叠，使用safari和chrome。

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

任何帮助都会很棒

Answer 1

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

#one, #two {
  position: relative;
}

添加此内容以使opacity正常工作：

a.fade {
  display: inline-block;
}