Html 使用线性渐变向下滚动时淡入底部文本

我有一个新闻文章列表，所以用户知道底部有一些文本。我是如何尝试这样的

style=“背景：线性梯度（360度，rgba（135，135，135，0）0%，#878787 20%）”

但我没有得到我想要的

这是我想要的屏幕

现在我越来越像这样了

---

只需在

伪元素之后的
：：上应用它即可。我创建了一个片段来说明。在滚动层和文章内部，创建一个带有relative和：：after的包装器。很简单


.wrapper{
位置：相对位置；
}
.卷轴{
位置：相对位置；
高度：150像素；
溢出：自动；
}
.文章{
高度：80px；
背景：蓝色；
利润率：10px；
}
.wrapper：：之后{
内容：“；
位置：绝对位置；
底部：0；
宽度：100%；
z指数：1111；
背景图像：线性梯度（透明，#ccc）；
高度：50px；
}

A.
B
C
只需在
伪元素之后的
：：上应用它即可。我创建了一个片段来说明。在滚动层和文章内部，创建一个带有relative和：：after的包装器。很简单


.wrapper{
位置：相对位置；
}
.卷轴{
位置：相对位置；
高度：150像素；
溢出：自动；
}
.文章{
高度：80px；
背景：蓝色；
利润率：10px；
}
.wrapper：：之后{
内容：“；
位置：绝对位置；
底部：0；
宽度：100%；
z指数：1111；
背景图像：线性梯度（透明，#ccc）；
高度：50px；
}

A.
B
C
您只需更新
.scss
文件，如：

  .item-md{
    background: #878787;
    padding-right:15px !important;
    color: #fff !important;
  }

我认为这可以解决您的问题
您只需更新
.scss
文件，如：

  .item-md{
    background: #878787;
    padding-right:15px !important;
    color: #fff !important;
  }

我想这可以解决你的问题
你想给出这个背景或整页的每个项目？我想给出整页，这样我们可以使用线性梯度的背景/图像属性，我已经给了ion-content。请检查我的答案并给我反馈………你想给出这个背景或整页的每个项目？我想给出完整的页面，以便我们可以使用具有线性渐变的背景/图像属性，我已将其提供给ion-content。请检查我的答案并给我反馈……这对我不起作用，因为我必须将线性渐变应用于具有背景图像的ion内容，如果我应用，我可能会丢失其他样式。在这里，我必须用适当的渐变颜色修改背景图像属性。你需要给离子内容以及包括这个对我不起作用的类，因为我必须对离子内容和背景图像应用线性渐变，如果我应用，我可能会失去我的其他样式。在这里，我必须用适当的渐变颜色修改背景图像属性。你需要给出离子内容以及包含这个类