Question

我有一个带文字和背景的div，在向下滚动后会越过主页滑块。我希望有一些透明度。 Firefox中的一切都很好，其中该图层是透明的，并设置了一些不透明度。但在chrome和opera中，它是实心的，滑块在下面是不可见的。我用：

  background:rgba(255,255,255,0.5);

我的活动试图使用透明的PNG，但它也很稳固。Problem preview

如何在Chrome和Opera中使背景透明？

Answer 1

我知道这是一个老问题，但是在寻找同样的问题，这对我来说是最重要的。所以我遇到了同样的问题 - 在Firefox中完美运行但在Chrome上没有任何操作。我做了什么，它的工作完美（至少现在）它从RGBA颜色变为HSLA颜色。在我的情况下改变了以下内容：

background-color: rgba(0, 0, 0, 0.75);

到

background-color: hsla(0, 0%, 0%, 0.75);

我不知道为什么chrome更喜欢HSL颜色和不透明度。另外一个值得考虑的问题是，较新的浏览器版本支持HSL颜色。