css所有浏览器中的透明渐变阴影

Question

我想用渐变顶部透明色的css代码。请你检查下面是否正确。？

background-color: transparent;
background-image: linear-gradient(to top, #f2f2f2, rgba(242, 242, 242, 0));
bottom: 0;
content: " ";
display: block;
height: 150px;
position: absolute;
width: 100%;
z-index: 8;

Answer 1

如果我没有正确理解，我建议你只使用background属性作为你的目的。

.example {
   background: linear-gradient(to top, #f2f2f2, rgba(242, 242, 242, 0));
}

因为您使用opacity: 0（rgba函数中的最后一个参数）使用第二种颜色，您将使渐变效果变为透明。