Html 带箭头的引导手风琴问题

我正在制作一个手风琴，作为它的一部分，我必须在每个折叠的右侧放置一个箭头。不幸的是，我看不到它，但它仍然在那里。我不知道是否有任何风格问题。有人能指出我哪里出了问题吗

我已经在那里附上了我的代码。请检查一下

HTML

---

我想是因为您的svg位置

.nb-accordion {

    .card-header {
        background: #333;
        padding: 0;
        border-bottom: 1px solid #3E3E3E;
        border-radius: 0 !important;
    }

    .card {
        display: block;
        background-color: #fdf03b;
        border-radius: 0;
        color: #333;
        border: none;
    }


    .btn {
        display:block;
        border: 1px solid transparent;
        border-radius: 0;
        padding: 20px;
        width: 100%;
        text-align: left;
        text-decoration: none;
        color: #fff;

        &::after {
            content: '';
            display: inline-block;
            background: url(../images/downwards-pointer.svg) no-repeat;  //HERE
            position: absolute;
            top: 0;         
            right: 10px;            
            bottom: 0;          
            left: auto;         
            margin: auto;           
            height: 20px;           
            width: 20px;            
            z-index: 50;
        }

    }

    .card-body {
        display: block;
        padding: 20px;
    }


}

---

在文本编辑器中打开image

svg

文件，复制代码并按如下方式编写

background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30'><circle cx='15' cy='15' r='10' /></svg>")  no-repeat;

background:url（“数据：image/svg+xml；utf8”），不重复；

---

我希望这能奏效

添加包裹

.nb手风琴
和
卡头
添加
位置：相对



.nb手风琴卡头{
背景：#333；
填充：0；
边框底部：1px实心#3e3e；
边界半径：0！重要；
位置：相对位置；
}
.nb手风琴卡{
显示：块；
背景色：#fdf03b；
边界半径：0；
颜色：#333；
边界：无；
}
.nb手风琴.btn{
显示：块；
边框：1px实心透明；
边界半径：0；
填充：20px；
宽度：100%；
文本对齐：左对齐；
文字装饰：无；
颜色：#fff；
}
.nb手风琴。btn：：之后{
内容：''；
显示：内联块；
背景：url(https://cdns.iconmonstr.com/wp-content/assets/preview/2017/240/iconmonstr-arrow-65.png)不重复；
背景尺寸：封面；
位置：绝对位置；
排名：0；
右：10px；
底部：0；
左：自动；
保证金：自动；
高度：20px；
宽度：20px；
z指数：50；
}
.nb手风琴卡体{
显示：块；
填充：20px；
}

可折叠组项目#1
动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，圣塔阿利夸放了一只鸟在上面鱿鱼单一来源咖啡NullaAssumenda shoreditch等Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nesciut sapiente ea proident。纯素食主义者，屠夫副洛莫。紧身裤从工艺啤酒场到餐桌，生料牛仔布美学合成物，你可能还没听说过accusamus labore可持续VHS。
可折叠组项目#2
动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，圣塔阿利夸放了一只鸟在上面鱿鱼单一来源咖啡NullaAssumenda shoreditch等Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nesciut sapiente ea proident。纯素食主义者，屠夫副洛莫。紧身裤从工艺啤酒场到餐桌，生料牛仔布美学合成物，你可能还没听说过accusamus labore可持续VHS。
可折叠组项目#3
动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。3狼月亮奥特餐厅，非丘比特滑板多洛早午餐。食品车奎奴亚藜。早午餐3狼月亮临时，圣塔阿利夸放了一只鸟在上面鱿鱼单一来源咖啡NullaAssumenda shoreditch等Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred Nesciut sapiente ea proident。纯素食主义者，屠夫副洛莫。紧身裤从工艺啤酒场到餐桌，生料牛仔布美学合成物，你可能还没听说过accusamus labore可持续VHS。
嗨，Andrel Sitanggang，如果位置错误，我们能看到图像吗？我也照你说的做了。但是没有起作用。谢谢兄弟：）你好，丹麦语，你看不到图片。这取决于文件夹树或文件类型。
.nb-accordion {

    .card-header {
        background: #333;
        padding: 0;
        border-bottom: 1px solid #3E3E3E;
        border-radius: 0 !important;
    }

    .card {
        display: block;
        background-color: #fdf03b;
        border-radius: 0;
        color: #333;
        border: none;
    }


    .btn {
        display:block;
        border: 1px solid transparent;
        border-radius: 0;
        padding: 20px;
        width: 100%;
        text-align: left;
        text-decoration: none;
        color: #fff;

        &::after {
            content: '';
            display: inline-block;
            background: url(../images/downwards-pointer.svg) no-repeat;  //HERE
            position: absolute;
            top: 0;         
            right: 10px;            
            bottom: 0;          
            left: auto;         
            margin: auto;           
            height: 20px;           
            width: 20px;            
            z-index: 50;
        }

    }

    .card-body {
        display: block;
        padding: 20px;
    }


}

background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='30'><circle cx='15' cy='15' r='10' /></svg>")  no-repeat;