css - Macbook Pro Safari 12.0 rgba 不透明度问题

Question

这是我在这里的第一篇文章。

我在 MacbPro15"/Safari12 上的 rgba 属性有问题

这是我的黑色透明覆盖层的代码:

.overlay{
background:rgba(0,0,0,.8);
position:absolute;
left:0;
top:0;
bottom:0;
right:0;
width:100%;
height:100%;
z-index:1;
overflow:hidden;}

在 Chrome 上我可以看到不透明度，但是当它是 safari 时，覆盖层只是黑色，我需要将我的 rgba 不透明度设置为 0.2-0.3，但如果我这样做，这在 Chrome 上会太低

谢谢你的回答

Answer 1

尝试使用背景色:rgba(0,0,0,.8)而不仅仅是背景。