enter image description here
你好，
我有一个问题，我做了一个导航栏的左侧与过滤器：下拉阴影，然后我把一个图像在顶部的一方与线性梯度的底部。问题是过滤器：下拉阴影是在线性梯度，我想问如果有人知道我怎么做，但下拉阴影从导航栏的线性梯度从图像，我也添加了一个截图到后。我真的是新的html所以对不起，当我写错了什么。
导航栏左侧代码：

.navbar {
    height: 100%;
    background-color: rgb(27, 27, 27);
    width: 60px;
    left: 0;
    overflow-x: hidden;
    padding-top: 20px;
    position: fixed;
    filter: drop-shadow(0 0 0.75rem crimson);
    top: 0; 
}

图片渐变：

.filmbanner .img1 {
    width: 1890px;
}

.content1 {
    background: linear-gradient(180deg, rgba(13,29,49,0) 0%, rgba(13,29,49,0.5690476874343487) 31%, rgba(13,29,49,0.6894958667060574) 63%, rgba(13,29,49,1) 100%);
    position: relative;
    margin-top: -200px;
    height: 200px;
    left: 50px;
}

我尝试的是：将css中的img属性放在样式表的顶部，将css中的导航栏放在底部