Safari中的CSS RGBA透明度表现不同。我怎样才能修好它？

我的代码在每个浏览器中都能正常工作，文本在半透明背景上保持白色不透明

（背景色：rgba（0,0,0,4））

。但是，在Safari中，背景透明度值是不同的（要轻得多），文本也受透明度的影响，并且不会保持其全色。我尝试将字体颜色

（颜色：#fff；）

仅更改为H2和p，但没有成功。我花了很多时间试图解决这个问题，但我找不到解决办法。知道怎么修吗

请看一下Chrome和Safari。 谢谢你的帮助

这是我正在开发的网站：

这是我的html代码：

#prueba-block1{
显示：块；
宽度：100%；
垫面：5px；
垫底：5px；
高度：150像素；
背景色：rgba（0,0,0,4）；
边缘顶部：90像素；
边缘底部：110px；
颜色：#fff；
文本对齐：居中；
位置：相对位置；
z指数：-7；
}
#prueba-block1 h2{
字体大小：1.2米；
字体拉伸：展开；
}
#prueba-block1 p{
字体大小：1.1米；
字母间距：1px；
线高：0.8em；
}

我们将使床垫购物变得简单！
这是一个信息网站，提供有关床垫的信息

我们与任何制造商、任何零售商、任何网站或任何品牌均无关联

让我们开始吧

这不是关于颜色透明度，而是关于z-index

请设定

z-index:1

至

#固定

z-index:-1

到

#容器

并从

#prueba-block1