图标是“透明”引导程序-解网

问：

我正在编辑导航菜单，但我的购物车图标没有显示...

<!doctype html>
<html lang="pt-br">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="./main.css">
    <title>Hilgenberg Store</title>
</head>

<body style="min-width: 372px;">
    <nav class="navbar navbar-expand-lg navbar-dark bg-danger border-bottom shadow-sm mb-3">
        <div class="container">
            <a class="navbar-brand" href=""><strong>Hilgenberg Store</strong></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target=".navbar-collapse">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="navbar-collapse collapse">
                <ul class="navbar-nav flex-grow-1">
                    <li class="nav-item">
                        <a class="nav-link text-white" href="#">Principal</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-white" href="#">Política de Privacidade</a>
                    </li>
                </ul>
            </div>
            <div class="align-self-end">
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <a class="nav-link text-white" href="#">Quero me cadastrar</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link text-white" href="#">Entrar</a>
                    </li>
                    **<li class="nav-item">
                        <a href="#" class="nav-link">
                            <svg class="bi testIcone">
                                <use xlink:href="/bi.svg#card3" style="fill: white;"></use>
                            </svg>
                        </a>
                    </li>**
                </ul>
            </div>
        </div>
    </nav>
    <script src="./node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
</body>

</html>

我正在尝试使用外部链接将购物车图标添加到网站的导航菜单中。我试图通过改变它的颜色，但我没有得到任何改变。图标在那里，但它是透明的或类似的东西：main.css Screenshot of Webapp

HTML CSS SVG 图标

图标是“透明”引导程序

Icon is "transparent" bootstrap

评论