在图片的上面渐变 css

要在图片上面添加渐变，可以使用 CSS 的 background 属性和线性渐变函数（linear-gradient）来实现。具体步骤如下：

1. 先设置图片为背景，可以使用 background-image 属性，如下：

<div class="image" style="background-image: url('your-image-url');"></div>

2. 在背景上添加渐变，可以使用 background 属性和 linear-gradient 函数，如下：

<div class="image" style="background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%), url('your-image-url');"></div>

其中，linear-gradient 函数的参数分别为方向（to bottom 表示从上到下），渐变的起始颜色和结束颜色及它们的位置（这里使用了 rgba() 函数来设置颜色的透明度，第一个参数是红色、绿色、蓝色的值，第四个参数是透明度），以及图片的 URL。

这样就可以在图片上方添加渐变了。